Читать онлайн книгу "HTML, XHTML и CSS на 100%"

HTML, XHTML ? CSS ?? 100%
????? ?????


?? ?????? ??????? ??????????? ???? ?? ????????? ?????????? ?????? ??????????, ????? ?? ??? ????????, ??????? ? ??????????? ???????? ??, ???? ?????: ?????????? ??????? ???????? ? ????????????? ??????. ?????? ????? ??????? ????????????? ???????????????? ????, ???????? ?????? ????????????. ??? ??????????? ?????? ?????? ???????????????? HTML ? XHTML, ? ????? ????????? ?????? ?????? CSS. ? ? ???? ?????? ?????, ??????? ?? ??????? ? ?????,?? ?????? ??, ??? ??? ??????????. ? ?? ??????? ?? ????????? ????????? ??????? ???????????, ??????? ? ???????????????? ?????. ? ???? ?????? ???? ????????? ??????? ?? ????????? ???????????? ? ????!





????? ?????

HTML, XHTML ? CSS ?? 100%





????????


????????? ??????? ????? ????? ?? ???????? ???????????? ?????????? XX ????. ? ???? ????? ????????????? ??????? ????? ??????? ????? ??? ??????? ????????????, ?? ?????????? ?????? ? ????????? ??????????? ?? ??? ???. ? ?????? ???? ???? ?????????? ????? ???? HTML (HyperText Markup Language ? ???? ?????????????? ????????), ?????????? ????????? ?????? ????????, ??????? ??????????? ?????????? ????? ??????.

? ????????? ????? ???????????? ????????? ?????? ????? HTML ??? ????????? XHTML (eXtensible HyperText Markup Language ? ??????????? ???? ?????????????? ????????), ?????????? ????????? ????? XML (eXtensible Markup Language ? ??????????? ???? ????????). ?? ??????????? ????????? XML ??? ???????????? ????? (HTML ? XHTML) ? ????? ??????????, ??????? ???????? ???????? ? ????? ??????? ????? HTML ??? ???????? ????? ????????????? ???????? ??? ???????? ??????. ? ????????? ?? ????? ??????? ?????? ????? XHTML, ??? ??????? ?? HTML, ? ????? ??????????, ??????? ?????? ????????? ??????????? ???-???????, ????? ??? ???? ???????????? ??????????? ????? XHTML.

? ??????? ?????????? HTML ????? ????????? ???-???????? ?? ??????????? (??????????) ??????????. ?????? ??? ?????? ?? ??????????? ?? ????????? ??????? ?? ?????? ???????, ??? ?????????? ?????? ????????? ?????????? ?? ??????????????. ??????? ????? ??????? ????, ????? ????? ????????, ??? ?? ??? ????????? ???? ??????????, ??????????? ?? ?????? ??????? ????. ????? ???????? ?????????? ?????????????. ??? ?? ???????? ???????????? ????????? ?????????, ?????????? ? HTML-??? ?????? ????????. ??? ?????????? ?????????? ?????????? (script). ???????? ?????????? ?????? ???????? ????????? ?? ??????????? ?????? ???????? JavaScript. ? ?????? ????? ????????? ????? ???????? ?? ???? ?????, ??????????? ??? ????????? ? ??????? ????????? ?????????, ??????? ????????? ??? ??????????? ??????. ???? ????? ??????? ? ??????? ????????? ????????? ????? ?????. ? ??? ???????? ???????????? ?????? ?????? ? HTML-????? ? JavaScript, ??????????? ????????????? ???-?????????. ???????? ?????, ?? ??????? ????????? ?????????? ????? ????????????????? ???? ? ??????????.

????? ?????????? ? ???????? ????????? ????????? HTML. ? ?????? ????? ??????????, ?? ????? ??????????? ??????? HTML-???, ??????????? ??? ???????? ????? ???-????????. ???????? ???????? ??????? ? ?????? ???????? ? ?????????????? ???????????? ????? HTML (????????? ? ?????????), ???????????, ??? ????? ????????? ? ???? ????????? HTML.

? ????????? ???? ?????? ??????????? ?????? ???????? ? ?????????? ???????? ?????? ????????? HTML. ?? ????????????? ?? ????????? ????? ?????? ? ??? ??????????????, ????????? ???????? ???? ??????, ? ????? ????????? ? ???????? ???-??????? ? ?????????????? ?????????? (????? ? ???????????). ??? ???????? ??????? ???????? ?????????? ???-????????, ????????? ??????? ???????? ? ????? ? ????????? ??????? ?????? ?????, ??????? ?? ??????? ??????????? ?? ?????? ??????????.

? ????????? ???? ?????? ??????????? ?????? ? ?????. ????? ? ??? ??????????? ? HTML-???????? ?????? HTML-????????. ????? ????????? ????? ??????, ????? ?? ???-???????? ????? ????????? ????????? ????????? ???????????, ???????????? ?????????? ?? ??????? ??????????. ? ??????? ?????? ??????????? ??????, ??? ??????????? ????????? ????????? ?? ??????????? ??????. ????? ????????? ????????? ?? ???-???????? ???????? ??????????, ??? ? ??????? ?????????? Windows, ? ???????????? ?? ??? ????? ? ??????????? ?????, ?????? ????????????? ??????? ? ?.??.

????????? ????? ????? ????????? ????? ?????? ????????? ???-??????? ? ?????? CSS (Cascading Style Sheets ? ????????? ??????? ??????) ? JavaScript. ? ??????? JavaScript, ??? ?? ??? ??????, ????????? ?????????? ???-????????, ??????????? ????? ????????????? ?????????????? ? ??????????? ?????. ?? ???? ???????? JavaScript ????????? ?????????? ???-???????? ? ????????? ?????????. ?? ??????? ????????? ?????, ??? ????????? ? ??????? ????????? ? HTML-???.

???? CSS ? ????? ??????????? ? ??????????? ?????????? ?????????? ??????????, ???????????? ???????? ??????????????, ??????? ??????????? ? Word. ?????? ???? ????? ?????? ??? ??????? ????????? ?????????? ?????????????? ????? ?????????, ?? ??????????? ????? ? ?????????? ??? ???, ??? ??????????. ???? CSS ????????? ??????? ??? ? ??????? ? ??????? ?????.

???????? ????? ???????????? ????????? ??? ???????? ??????? ???-??????? ?????????? ? ????????? ???-???????, ?????? ? ??????? ? ??????? ??? ???????? ????? ? ? ???? ?????? ????????? ????????, ??????????? ?????????? ???????? ???-???????, ? ?????? ???????????? ? ?????????????? ?????????. ??? ?? ????? ???????? ??? ?????????, ?? ??????? ????????? ???????? ???-???????, ????????? ?????? ????? ?????? ?? ???????? ???????????????? ??????.




?? ????? ?????????? ???????


????????? ????????? ? ?????????, ?????? ??????? ?? ???? ????? ?? ?????? ?? ?????? alexanderzhadaev@sigmaplus.mcdir.ru (mailto:alexanderzhadaev@sigmaplus.mcdir.ru) ??? ??????? ??? ???????? ????????? www.sigmaplus.mcdir.ru (http://www.sigmaplus.mcdir.ru/). ???? ????? ?????????? ???? ?????? ? ?????, ? ? ??????????? ???? ??? ???? ????????? ? ????????? ? ????????? ????????.



????????? ??????




?? ????????????


???? ?????????, ??????????? ? ??????? ??????????? ?? ?????? ??????????? ????? gromakovski@minsk.piter.com (mailto:gromakovski@minsk.piter.com) (???????????? ??????, ???????????? ????????).

?? ????? ???? ?????? ???? ??????!

?? ????? ???????????? http://www.piter.com (http://www.piter.com/) ?? ??????? ????????? ?????????? ? ????? ??????.




????? 1

??????? ?????????? HTML-???????



1.1. ????? ??????? HTML

1.2. ????????? HTML-?????????



??? ???????? ???-??????? ????? ???????????? ???? ?????????????? ???????? HTML. ???????, ?????? ???? ????????????, ?? ?????????? ????? ??????? ?????????? HTML-???????. ?? ??????????? ????? ????????? ? ?????? ? ???? ?????? ??? HTML-??? ????? ????? ?????????????? ? ???????????? ?????????.




1.1. ????? ??????? HTML



?????????? ????? ??????? ?????? HTML-?????????? ? ????????, ???????????? ??? ???????? ??????. ?? ?? ? ?????????? ? ???? ???????.




???????


??????? ????? HTML ???????? ???????. ?? ????? ? ???? ???????????? ??????????, ????? ????????? ???????? ? ????? ??? ?????? ?????????????? ??????. ???????? ????? ??????? ??????? ?????????? ?????. ???, ??? ?? ???????? ??????? ?? ????? ????????, ????? ??????? ? ??????? ?????????.

???????? ???????? ?????????? ? ??????? ??????, ????????

. ?????????? ????????? ?????????? ?????. ? ?????? ?????? ??? ??????????? ???. ?????? ?????????? ?????? ?????? ??????????? ???, ??????? ???????????? ???:

. ? ???????? ?????? ???? ???????????? ??? ?????????????? ??????, ??? ?????? ?????? ? ????? ????? ??????????????. ?????? ??????????? ??? ?????? ?? ?????????, ? ?????? ??? ????? ??????????, ?????? ??? ?????????? ????????? ????????? ????????????? ?????? ???????????? ??????????? ???.

?????? ??????? ?????? ????? ????? ??????? ???: ??????????? ??? ???????? ??????????????, ? ??????????? ?????????. ??? ???? ???????? ???????? ? ?????? ?????, ????? ?????????? ??????? / ? ??????????? ????, ???????? ?????????? ????????? ? ??????????.

???????? ????????????? ????????????? ???????????? ???? ???????? ?????? ? ????????? P, ??????? ?????????? ?????:



????? ??????



?????? ? ? ?????? ?????? ??????????? ??? ???????? ??????????????, ?? ???????????. ??????? IMG, ??????? ????????? ???????? ?? ????, ????????, ?? ??????? ??????? ???????????? ????. ?? ?????????? ???????? ???????? ????? ??????????, ????????? ?? ??? ??????????? ???.

???????? ??????????? ??? ????, ????? ??????? ????????, ????? ???? ?? ?????? ?????? ? ???????????? ????? ????????, ? ????? ????? ?????????? ???? ???? ?????? ?????????. ????? ????, ???????? ????? ????????, ??? ?????????? ??? ??????????. ??? ????? ?????????? ???????? ?????????.




???????


? ??????? ????????? ????? ????????? ????????? ??????? ??????????? ??????????, ??????????? ? ??????? ?????????? ?????????, ? ? ????????? ??????? ?????????? ???????? ??? ????????? ?? ???? ???????????. ????????, ? ????? ?????? ????? ????????? ????? ?? ?????? ????, ? ? ?????? ? ?? ???????. ????? ?????? ???????????? ??????, ?????????? ??????? align ???????? P:



???????????? ?? ?????? ????



???????????? ?? ??????? ????





???????? ????????? ???????? ????? ????? ????????? ? ???????? ? ????? ???? ???????. ????????? ????????? ?????? ????? ????????????? ????????, ??? ?????? ?????????? ???????? ?? ??????????.

???????? ? ?? ???????? ???????? ??????? ????? HTML, ?? ??? ??????????? ??????????? ???????? ? ????????? ??? ????? ????? ??????? ????????? ?????????. ??? ????? ?????????? ??????? ???????. ???? ????????, ??? ??????? HTML-???????? ?? ????? ????????, ?????? ??? ?????? ??? ?????????? ??? ?????????.




1.2. ????????? HTML-?????????



??? ???????? ????????? ????????? ? ???????? ????????? ?????????? ? ??? ????????????? ????? ?????????, ??????? ?????????? ??? ??????????? ?????? ?????????? ?????????.

?? ???????? 1.1 ?????, ??? HTML-???????? ???????? ????????? ??????????:

? ?????? ?????????? ???? ?????????;

? ????????????? ?????????;

? ???? ?????????.


??????? 1.1. ???????? ????????? ? ???????? DOCTYPE


"http://www.w3.org/TR/html4/loose.dtd">





??? ??????? ????????? ????????? HTML

...???????? ?????????...





...???? ?????????...








?????????? ???? ?????????


? ?????? ??????? HTML-????????? ??????? ???????? ?????? ?????????? ?????? ????:







??? ?????? ???? ???????? ????? ?????????? ?? HTML-?????????. ???????? ?? ?? ??? ??? ???? ?? ???????? ????????? ?????? ?????, ?????????? ?? ?? ?????? ? ???????, ????? ?????????? ? ????????? ????? ?????? ?? ???????? DOCTYPE.

? HTML ? ??????????, ??? ??? ???????? ????????? ??????????? ???? HTML.

? PUBLIC ? ????????? ?? ??, ??? ??? ???????? ????????? ???????????? ???????????? ?????? HTML.

? "-//W3C//DTD HTML 4.01 Transitional//EN"?? ?????? ????????? ??? ???????????? ?????, ???????????? ??? ???????? ?????????. ???? ??????? ?? ????? ????? ?????? ??????????, ??? ????????? ??????? ????????? ??????? ?????????, ?? ????????????? ???, ????? ?????? ????????? ?? ?? ?????? ? ????????? ????????. ? ?????? ?????? ??? ???? HTML ?????? 4.01, ???????? ?? ?????? ????????? ?????.

? "http://www.w3.org/TR/html4/loose.dtd"?? URL-????? ?????????, ??????????? ?????? ??????????? ???? ?????????, ??????????????? ? ???????????? ? ?????? HTML 4.01.

??? ????? ????? ?????? ??????????? ???? ????????? (Document Type Definition, DTD), ?? ??????? ? ????? ?????, ????? ????????? ? ???????? ????? XHTML. ?????? ?? ?????? ?????????, ??? ??? ????????, ??????? ?????????? ???????? ??? ?????? ?????????, ??????????????? ??? ?????? ? ?????? ?????????? HTML, ??? ??? ?????????? ?????????. ??? ?????????? HTML 4.01 ??????????? W3C ?????????? ??? ?????? ????? ?????? DTD.

? ????? ??????? ?????? DTD, ??????? ???????, ????? ?????? HTML-???????? ????? ?????????????? ???? ??????????? ???????????? HTML 4.01. ????????? ? ???? ??????? ?????? ???????? ????? ??????????:







? ????? ?????????? (transitional) ?????? DTD, ??????? ????????? ????????????? ??????????, ?? ?????????????? ? ?????? HTML 4.01 ????????? ? ?????????. ????????? ? ???? ??????? ?????? ???????? ????? ??????????:







? ????? ?????? DTD ??? ?????????? HTML 4.01 ? ????????. ??? ????? ??????, ?? ??? ??????: ???? ???-???????? ???????? ? ???? ???????? ??? ????? ?????????? ???? ?? ?????? ???????? ?????????, ??????, ??? ? ???? ????????? HTML-????????. ????????? ?????? ???? ?????? ????????? ????????? ??????????:







? ???? ?????????? ?????????? ????? ????????? ?????????? ? ?????? ????????? HTML 4.01. ???? ?? ?????????? ??? ??? ???????? HTML-?????????, ???????, ?????? ?????, ??? ?????? ??????????, ??? ??? ?????????? ??????????????? ????????, ?? ??????????? W3C ???????????? ??????????? ???????? ?????????? DOCTYPE ?? ??? ??????????????? ?????????.

????? ?????????? ??????: ? ????? ?????????? ??????? ? ?????????? ??????? DTD ? ????? ?? ??? ??????? ????????????? ????? ?????? ? ???????? ???????? ????????? ? ????? ? ????? HTML ? ?????????. ????? ?? ?????????? ??????? ????? ? ????????????? ??????? DTD ????? ???????? ? ????, ??? ??? ???????? HTML 4.01 ?? ????? ????????? ???????????????? ?????????? ??????????? ???????????, ??????? ? ????????? ????? ?????????? ???????????? ?????????? ????? DTD.

????? ???? ??? ?? ????? ????? ?????????? ? ????????, ????? ??????????? ? ?? ??????????.




??????? HTML


???????? ????????? ????????? HTML 4.01 ???????? . ??? ??????, ??? ??? ????????? ???????? ?????????? ?????? ????? ? . ??? ?? ????? ? ?????????? HTML 4.01 ???? ??????? ?? ???????? ????????????, ???? W3C ??????????? ???????? ???. ? XHTML-?????????? ??????? HTML ???????????.

? ???????? HTML ????? ??????????? ????????? ????????.

? lang ? ?????????? ???? ?????????.

? dir ? ?????? ??????????? ?????? ?? ????? ????????? (RTL ? ?????? ??????, LTR ? ????? ???????).

? version ? ?????????? ?????? ????????? HTML, ??????????????? ??? ??????????? ?????????. ??? ?????????? ???????, ? ??? ?????????? ?? ?????????????.

? title ? ?????????? ??????????? ????????? ??? ????????.

? ???????? 1.2 ??????????? ?????? ????????????? ???????? HTML ?????? ? ??????????, ???????????? ?? ????????????? ???????? ????? ? ??????????? ?????? ????? ???????.


??????? 1.2. ??????? HTML ? ??????????


"http://www.w3.org/TR/html4/loose.dtd">









?? ???.?1.1 ??????????? ????????? ????????????? ????????? ???????? HTML.




???.?1.1. ???????? ???????? title ?????????? ? ???? ???????? ?????????



??????? ????????, ??? ??????? dir ? ?????? ?????? ?? ????????? ??????????? ?????????? ????????? ????????? ???? ????????? ??????. ????????, IE 6 ? Opera 9 ?????? ??????????? ????? ?? ??????? ????, ? ????????? ?????????? ???????? ???? ??????? ?????? ??????????. ??? ???, ???? ?? ???????? ???????????? ????? ? ?????????????? ???????????? ?????? (?????, ???????? ????), ???? ??????? ????? ????????? ? ?????????????.




??????? HEAD


????? ???? ??? ??? ????????? ??????? ??????, ?????? ??? ????? ??????? ????????? ???????. ??????????, ???????? ? ??????? HEAD, ?? ???????????? ? ???? ????????, ? ???????? ??? ? ????????? ????????.

? ????????? ?????? ?????????????? ??? ???????????, ??? ? ??????????? ???? ? , ????? ???????? ????????????? ?????? ????????, ??????? ????????? ?????????? ? ????????. ????????, ??????????? ?????? ???????? HEAD, ?????? ????? ?????? ????: ??????, ???????????? ? ???, ???????? ???????? ? ????????? ????????, ? ????????? ???????? ? ? ?????????? ?????????.

??? ???????? HEAD ?????????? ?? ?? ????????, ??? ? ??? HTML, ? ????? ??????? profil. ?? ????????? ?????? ????? ????? ? ???????????, ??????? ??????????????? ?????????? ?????? ?????????. ? ??? ??????? ????? ????? ???????? ???????????? ?????? ????? ? ??? ?? ????????? . ?????? ???? ??????? ???? ?? ?????? ? ???????? ? ????????? ?? ??????? ???????? ????? HTML.

????????, ??????? ????? ???????????? ?????? ???????? HEAD, ???????????? ? ????. 1.1.


??????? 1.1. ????????, ???????????? ?????? ???????? HEAD




? ??????? ???????? ??????? ??????, ?????? ?? ?????????? ????????? ?? ??? ?????????. ??? ????? ??????? ?? ???????? ???????? ? ????. 1.1, ??? ???????? ??????, ?????? ??? ???? ????????.

?????? ? ????????, ????????????? ????????? ????????.




??????? TITLE


?? ?????? ???????? ????????, ??????? ????? ???????????? ? ?????? ????????? ???? ????????. ???????? ???????????? HTML 4.01 ? ?????????? ???????? HEAD ??????????? ??????? ???????? TITLE, ?????? ? ???????????? ?????.

??????? ??????? ??????? ???????????? ???? . ?????, ???????????? ????? ??????????? ? ??????????? ??????, ? ????? ???????????? ? ?????? ????????? ???? ????????.

?????? ???????? ??????? ? ?????????? ??????????, ? ??? ????????,?? ??????? ????????? ????????? ????????? ?????. ????????? ????????? ??????? ?????????? ?????, ???????????? ? ???? ????????, ??? ?????? ? ??????? ??? ? ???????? ????????? ?????????? ??????, ??????? ????????? ? ??????????? ???????????? ???????? ????? ???????? ??????????? ?? ????.

?? ?????? ????????? ???????????? ???????? ?????????????? ??????????: ??? ??? ?? ???? ? ??? ?????????? ??????? ????????. ?? ????? ??????, ??? ?????????? ? ????????? ??????? ??????? ????? ? ??????????????? ?????????. ?????????? ????? ??????????? ????, ? ????? ????????? ????? ???????????? ?? ??????? ?????? ????? ? ?? ??? ????? ????? ????? ????????????????, ? ????? ?????? ????????.

??????????? ????????? ???????????? ??????????? ?????????? ???-???????? ?? ?????????. ? ???? ?????? ??? ???????????? ????? ????????? ? ????????? ????????? ?????????. ???? ? ?????? ????????? ?????????? ???????, ???????????? ? ????? ????? (\ /: *? " < > |), ?? ??? ????? ??????????????? ??? ???????? ??????? ???????????? ?????????.

??? ?????????? ? ??????? ???????? ????????? ? ???????? ???????? ?????? ????? ?????????????? ?????, ?????????? ? ???????? TITLE. ? ???? ?????? ????? ??????? ???????? ? ?? ?????????? ?????????? ? ?????? ??????. ????????? ???? ??????, ??? ???????, ???????? ? ???? ????????? ??????, ? ?? ?????? ????? ??????????? ????????????? ???????.

? ???????? 1.3 ??????? ?????? ????????????? ???????? TITLE.


??????? 1.3. ????????????? ???????? TITLE


"http://www.w3.org/TR/html4/loose.dtd">





?????? ???????? ????????? ????????











???????? ???????? ????? ???????????, ????????? ?????? ?? ?? ???????????.

?? ???.?1.2 ??????????? ????????? ?????? ???????? 1.3. ?????, ??? ????? ????????? ???????????? ? ?????? ????????? ????.




???.?1.2. ??? ????????? ????????



?? ???????????? ? ?????????? ????? ????????, ?????? ?????????, ????? ????????? ?????????? ????? ??????????? ?????? ???????? HEAD.




??????? META


??????? META ???????????? ??? ???????? ?????????????? ?????????? ? ????????. ??? ?????????? ???????? ????????? ??? ????????? ????????, ? ????????? ??????? ? ??? ?? ??????????. ????????, ????? ??????? ?????? HTML-?????????, ????? ???????????? ??????? META ????????? ???????:







????? ???????? ???????? name ?????? ??? ???????? Author, ???????? ? ???????? content ????????????? ??? ? ????? ???????. ? ???? ? ??????? ????? ??????? ?????????? ????????? META: ? ?? ??????? ?? ??????? ? ???????? name ??? ?????? ????????, ???????? ????? ? ???????? content ???????????? ????????. ?????? ???????? name ????? ???????????? ??????? http-equiv, ??????? ?????? ??? ?????? ????????? ??????????? ???????? ? ???-????????. ????????, ?????????? ????? ???????:







?? ???????? ????????, ????? ????? ???????? ???? ???????? ? ???? ?????? ????????. ????? ????? ????? ????? ????????? ????????? ?????? ???????.

? ???????? HEAD ????? ???? ????????? ????????? META, ?????? ??? ? ??????????? ?? ???????????? ????????? ??? ????? ????? ?????? ??????????. ? ????. 1.2 ???????????? ????????? ???????? ???????? http-equiv. ????????, ???????????? HTML 4.01 ?? ?????????? ???????? ????? ????????, ????????? ??? ??????????????? ?????????? ?????? ??????????? ? ???-????????. ???????????? ???????? META ? ?????? ?????????? ????????????? ?????? ?????????????? ????????????.


??????? 1.2. ????????? ???????? ???????? http-equiv









?????????? ????????? ?????????? ????????? ???? ?????????.

? ???????? 1.4 ???????? ?????? ????, ??? ? ??????? ???????? http-equiv ?????? ???????? ????????? ????????.


??????? 1.4. ?????????? ???????? http-equiv


"http://www.w3.org/TR/html4/loose.dtd">





????????????? ???????? META















??? ????? ?? ???????, ???????? ???????? http-equiv ????????? ?? ??????????, ???????? ??????? ?????????? ? ??????? ???????? content.

???????? content-type, ?????????????? ? ???????, ????? ?????????? ??? ???? ?????? ? ????????????? ?????????. ??????????? ?????? ????????? ???, ????? ??????? ????? ??????????? ?????????? ????? ?? ????? ????????.

????????????? ????????? refresh ???????, ????? ???????? ????????? ? ?????? ????? ??? ????? ? ??? ????? ???????. ? ????? ?????? ?????? ???? ????? ????????? ????????? ?????? ?? ?????? ???????, ????? ?????? ?????? ??????????? ?????????? ?????????? ?? ???????? ????. ? ??????? ?? ???????? 1.4 ????? 10 ?????? ????? ???????? ???????? ?????????? ???? test.ru.



?????

?? ??? ???????? ???????????? ?????????????? ?????????. ?? ?????? ?????? ?? ????????, ? ??????? ???? ?????????????, ????? ????????? ????????? ?????? ?? ???????? ?????????????.


?????????? ????????? ???????? ???????? content ??? ??????? ?? ?????????????? ??????? (????. 1.3).


??????? 1.3. ???????? ???????? content ??? ????????? ???????? ???????? http-equiv




??????????? ???????? ???????? content, ??????? ??? ????? ???????????, ???????????? ? ???????. ???????? ?? ?????? ?????? ???????????? ?????????????? ???????? content-type (??? ???????????), ? ????????? ????????? ?????? ???????? ??? ?????????????.

??????? name, ??? ? http-equiv, ???????? ????????? ?????????? ? ?????????, ?????? ? ??? ???????????? ?????????? ??????? ?????. ????????, ?????? ?? ?????? ? ?????????? ?????????. ??? ?????? ?? ?????? ?? ????????? ????????? ?????????, ?????? ???? ?????????? ??? ????????? ??????.

? ????. 1.4 ???????????? ????????? ???????? ???????? name.


??????? 1.4. ????????? ???????? ???????? name




??? ????? ?? ????. 1.4, ??????????? ??????? ???????? ?? ?????????? ???????? ? ???????????. ??? ????? ?????? ??????, ???? ????? ?? ???????? ????, ?? ?????? ??????? ??? ??????????, ? ? ???? ???????? ??????? META.

?????????, ?????????? ? ???????? META, ???????? ????????? ??????? ????????????? ??? ???? ? ???????????? ?????????. ? ??????????, ????? ??????? ?????? ? ?????????? ?????, ????????????? ??? ????? ???????? ? ???????? ?????????, ????? ??????????? ??????????? ?????? ?? ????????.



??????????

?????? ? ??? ??????????? ?????????, ??????? ???????????? ?? ????????? ? ?????????? ????????????? ?????. ?????????? ?????? ????????? ? ???? ????????? ??????, ? ????? ? ????? ?????? ?????????????? ?? ???? ?????.

? ??????? ?????????? ???? ?????????-?????? ? ???? ?????? ?????? ? ???????? ?????? ? ?????, ??????? ????? ?????????? ??????? ? ?????? ????????? ???????? ???? ????????? ??????????.


? ???????? 1.5 ???????? ?????? ????????????? ?????????? ???????? META ??? ?????????? ??????????? ????????.


??????? 1.5. ????????? ???????? META ??? ?????????? ? ???????????


"http://www.w3.org/TR/html4/loose.dtd">





????????????? ???????? META































? ??????? ?? ???????? 1.5 ?????? ????? ??????? ??????????. ?????????? ????????? ?? ????????.

???????? author ?????? ??? ??????. ???? ?????????? ????? ???????? ????????, ?? ?????? author ???????????? ???????? copyright, ? ? ???????? ???????? ???????? content ????? ?????? ??? ????????. ????? ??????? ????, ?? ??????? ???????? ???????? ????????? content. ??? ????? ???????????? ??????? lang.

???????? description ?????? ???????? ?????????. ?????, ???????? ??? ????? ?????????, ????? ?????????? ? ???????? ???????? ????? ????????, ????????????? ??????????? ? ??????????? ??????. ???????, ??? ???? ???????? ???? ???????? ????? ?????????, ?????? ??? ?????? ?? ???? ????? ???????????? ????? ??????, ????? ?? ????? ????????? ????? ????????.

???????? dynamic ???????? document-state ???????? ???????, ??? ???????? ???? ????? ????????????? ??? ????????? ???????, ?????? ??? ?? ?????????? ????? ??????????.

?????? ??? ???? ???????? ???????? ????? ???????? keywords: ?????? ??? ?? ??????? ?????, ?????? ? ?? ??????????. ??? ???? ????, ?? ??????? ???????? ???????? ?????, ???????? ? ??????? ???????? lang.

????????????? ????? ???????? ??????? ?? ????, ????????? ????????? ?? ???????????? ? ????????? ????????, ? ??? ?? ?????? ???????????? ?????? ???????????? ????????? ???????.

? ???????? ???????? ????? ???????????? ?????, ??????? ?????? ????????? ? ??????, ?????????????? ?? ????????. ??? ??????, ??? ??? ?????? ???????? ?????? ????? ???? ?????????? ???? ?????? ???????? ???? ???, ????? ??? ????????? ??????? ???????? ?? ??????????.

?? ????? ????????? ???????? ????? ?? ????????? ???. ???? ??????????? ??????????????, ?? ?????????? ? ??? ????? ? ????????, ??? ??? ??? ?? ????? ???????? ????????? ????????, ? ?????? ???????? ?????. ?????? ????????? ?????? ?????????? ?????? 200?250 ????????, ???????????? ? ????????? keyword. ??????? ???? ??????? ?? ?? ????????, ???????? ?????? ????? ??????? ??????????? ? ?????? ??????.

??? ??????? ???????? ???? ???????????? ????????????, ????? ????????? ? ????? ????? ???????????? ???????????? ??? ?????? ???????? ????? ????????, ? ??????????? ? ???????? ?????? ?????? ??. ??? ?????? ??????? ?????, ???? ???? ?? ???????? ?????????, ?????????? ???????????? ?????? ????????? ???????? ????, ????? ????, ??? ???????????? ?????? ?????? ??? ????, ?????????.

?????? ???????, ??? ?????? ????????? ??????? ????? ????? ?? ?????? ?? ???????? ?????? ? ???????? ?????? ????????????? ??? ????????, ????? ?????????? ?? ????????. ?????????? ????????? ????????, ? ??????? ???????? ????? ????????????? ??????????, ????? ? ??? ????? ???? ????????? ? ?????? ????? ??? ??????.

???????? resource-type ???????? ?????????? ?????? ??? ???????? ? ??????????? ??? ??????? ??????, ??? ????? ??????? ?????????? ??????????. ???????? ?????????????, ?????? ???? ? ???????? ???????? resource-type ?????? document.

?????????? ???????? revisit. ?? ???????, ??? ????????? ????? ?????? ????????? ??? ?????????????? ????? ????? ??? ???. ???? ???????? ???? ????????, ???? ?? ????????? ?????????? ?????????? ???????, ??? ?????????????? ???????? ? ????????? ???????? ?????????? ?????????? ? ????? ?????.

???????? robots ???? ??????? ????????? ??????????? ???????. ? ?????? ?? ??????? ?? ????????? ?? ??, ??? ??????? ???????? ????????????? ?? ????, ?????? ????? ?????? ?? ??????? ?? ???????? ? ???????????????? ????????? ????? ?????.

? ????. 1.5 ???????????? ???????, ??????? ????? ???????????? ??? ?????????? ????????.


??????? 1.5. ???????? ???????? content ??? ???????? robots




???????? ?????? URL, ????? ????????? ?????????? ??????? ???????? ? ???????? ?? ???????? ? ??????? test.ru.

?? ?????, ??? ??????????? ????, ?????????? ??????? ???????? ???????? META, ?? ???????? ?? ?????? ????????? ????????. ?????? ?? ??? ??? ??????????? ????? ?????????? ?????????, ?????? ?????? ????? ??????? ? ???, ??? ?? ?????? ??????? ? ??? ???????.

?? ?????? ?????, ??? ??? ???????????? ???????? META ??? ????????? ????? ? ????????? ???????? ?? ????????, ?? ??? ?? ??????, ???? ???? ?? ????? ??????????????? ????????? ???????????. ??????? ??????????? ??? ? ???????? ?????????? ? ??????????? ?????????? ?????.




??????? STYLE


?????? ????? ???????? ???????? ?????, ???????????? ?? ????????. ????? ????????? ?????? ????????? ???????? ????? ???? ?????????. ??????? STYLE ???????????? ???????? ??? ???????? lang ? title, ? ????? ????? ???????? type ? media. ??????? type ?????????, ????? ???? ??????? ?????? ??????????? ? ?????? ?????????, ? ??????? media ??????????, ?? ????? ?????????? ?????????????? ?????????????? ?????? HTML-????????.

??? ??????? ?????? ? ????????? HTML 4.01 ??????????? ???? CSS, ??????? ?? ????? ???????? ????????????? ? ??. 7. ????? ?? ?? ??????? ?????????? ??? ? ????????????? ????? ?????, ????? ?? ?????? ?? ???????????. ??? ????????? ??????, ??? ?????????? W3C ????????? ?? ????????????? ????????? ?????????????? ??????????? HTML-?????????? ? ?????????, ??????????? ??? ???????? ??????, ???????? ???????? ?????, ??? ?????????? ? ?????? ??????????????. ??? ??? ?????? ???????? ???????????, ?? ?? ????? ?????? ???????? CSS.

????????? ??????? ?????? (CSS) ??????????, ????? ??????????? ???????? HTML-??? ???????? ?? ?? ??????????. ????? ???????, ?????? ??????? ??????? ?????????? ????????? ?????????, ? ? HTML-???? ? ?????? ??????????? ?????. ??? ????? ??????? ????? ? ?? ?????? ?????? ?????????? ????????, ???? ????, ?????, ?? ????????? ???????? ?????????? ?????? HTML-????, ? ?????? ??????? ??? ? ??????? ??????.

??????? STYLE ????????? ??????????? ??????????? CSS ? ????????? ??? ?????????? ??????? ??????????. ?????? ????? ???????? ????? ?????????? ??? ?????????????? ??????????? ????????? ? ??????? CSS. ????? ??????? ???? ?????? ????, ???????? type ???????? STYLE ????????????? ???????? text/css, ?????????? ???????? ? ?????????? ??????? CSS. ??? ?????? ??????? CSS-?????:







????????????? ??????







????? ?? ?????? style





????? ?? ?????? style2













??? ?????? ???????? ????? style2







? ??????? ??????? ??? ?????: style ????? ????????? ?????? ??? ???????? P (??? ??????????? ????? ????? ????????? ????? ????? ???????? ????????), style2 ? ??? ?????? ???????. ? ???????? 1.6 ????? style2 ???????? ??? ? ??? ?????? ???????.

????????? ????????? ???????? 1.6 ??????????? ?? ???.?1.3.




???.?1.3. ????????????? ??????



??? ?????? ?? ?????? ????? ??????????? ?????? ????? ? ????? ?????. ???? ?? ????????? ??????? ?????????????.





?????

?? ???????? ????? ?????? ?????? ?? ??????????? ????????? ? ??????? ??? ?????? ?? ??????. ??? ???? ??????????? ???????????? ??????????, ?????????? ?? ??? ????????????? ?????? ??????.


???? ??? ???? ?????? ?????????? ? ???????? ?????: ???????? CSS-??? ??????????????? ? ??????? ???????? ? ???? ???????? ???????? style. ????? ??????? ???????? ??? ???? ????????? HTML. ? ??? ? ??????? CSS ????? ????? ? ??????? ????????????? ???????? ?????? ??????? ????????. ??? ??? ??? ???????? ??? ???????? P:







??? ??????, CSS-??? ????????? ? ?????????? ???????? STYLE ?? ??????????? ???????. ? ???????? 1.7 ??????????? ?????? ??????? ??????? ????????? ? ??????? ??????????? CSS-???? ? ???????? ???????? style.


??????? 1.7. ????????????? ???????? style


"http://www.w3.org/TR/html4/loose.dtd">







????????????? ??????







????? ? ????????? style="color:#CC0000; background:#9999CC; word-spacing:20px;"





????? ? ????????? style="color:#66FFFF; background:#990000; word-spacing:10px;"













???????? ?????? ??????? ? ????????? style="color:#66FFFF; background: #990000; word-spacing:10px;"









????? ????????? ????? ?? ?????, ??? ? ? ?????????? ???????, ?? ????????? ?????? ? ??????? ???????? style.

?? ???.?1.4 ??????? ????????? ????????? ???? ?? ???????? 1.7.




???.?1.4. ????????? ?????? ? ??????? ???????? style



??? ????? ?? ????????, ?????????? ????? ????????? ?????????? ?? ??????. ?????? ???????? ????? ? ?????? ????????? ???????, ?????? ??? ??? ????????????? ?? ????? ????? ????? ? ?????????.

??? ???? ?????? ?????? ????? ??? ????????? ? ???????? ?? ? ????????? ???? ? ??????????? CSS. ????????? ?????? ? ???? ???? ????? ??, ??? ? ??? ????????????? ???????? STYLE, ?????? ???? ?????? ????? ???????????.

?????????? ???? ?? ??????? ? ????????? ????? ????? ?????????. ?????? ??????????? ? ???????? 1.8 ? ?????????? ??????? STYLE. ?????? ????? ???????? ????? ???????? ????? ??????: @import URL("nyTb ? ????? ? ?????????");.


??????? 1.8. ?????? ?????? ? ????????? ??????


"http://www.w3.org/TR/html4/loose.dtd">









????????????? ??????







??? ????? ????????? ? ????????? ?????? ????????? ????? ????? ????????? ?????, ????????? ? ????? test.css.




??????? LINK


????????????? ???????? LINK ? ??? ?????? ?????? ??????????? ????? ? ????????? ?????? ? ?????????. ??????? ?? ??????? ??????? ???????????? ????. ??? ??????????? ??????? ????, ?????? ?????? ??????????? ?????? ??????. ? ?????, ??????? LINK ?????????? ????????? ????? ??????? ????????? ? ??????? ???????????. ????????? ????????? ????? ???? ???????, ?? ? ????????? LINK ?? ???????? ????? ???? ?????.

???????? ??? ????? ???????? ???????? ??????? href; ??? ???????? ? ??? ???? ? ???????, ??? ???????? ??????????? ??? ?????. ???? ??????? ???????? ????????????, ??? ?????? ??????? ? ??????? ???? ?? ????????????? ????? ? ????????, ?? ??????, ??? ?? ??????????.

?????? ????????? ???????? type, ?? ?????? ????????? ???????, ? ??????? ???????????? ?????. ??? ?????????? ?????? ?????? ???? ??????? ????????? ???????? text/css.

? ???????? LINK ???? ??? ????????????????? ????????: rel ? rev. ?????? ?????????? ????????? ????? ??????? ?????????? ? ??????, ? ?????? ? ????????? ??????? ????????? ? ????????. ??? ???????? ????? ????????? ????????? ????????????? ????????, ??????? ?????????? ???? ?????????.

? ???????? 1.9 ???????????? ??????? ????????????? ???????? LINK.


??????? 1.9. ????????????? ???????? LINK


"http://www.w3.org/TR/html4/loose.dtd">













????????????? ???????? LINK







? ??????? ?? ???????? 1.9 ??????? LINK ??????????? ??? ???????????? ? ???????? ????????? ?????? ??????, ??? ???????? ?????, ??????????? ?????????? ?? ????????? ????? ?? ?????? ????????, ? ??? ??????????? ?????, ? ??????? ???????? ?????????? ??????????.

? ????. 1.6 ????????? ????????? ????????? ???????? ???????? rel. ?? ????? ????????? ??????????? ????? ?????????? ? ??????????? ?????????? ??? ? ???????????? ?? ????? W3C.


??????? 1.6. ????????? ???????? ???????? rel








?????

????????????? ???????? alternate ???????? rel ? ????????? ? ??????? ?????????? hreflang ? charset, ??????? ?????? ? ???????? LINK ???? ? ????????? ?????????, ????????? ????????, ??? ?????? ?????????????? ?????? ???????? ?????????, ?????????? ?? ?????? ??????.


?? ??????????? ? ????????? LINK ? ???????? ??? ??????????? ???????????? ?????? ? ?????????? ??????????? ? ? ????????? ? ????????? ??????. ?????? ?????????? ???????, ??????? ?????????? ??? ?????? ? ??????? ??????? ????????? ???????? ??????.




??????? SCRIPT


??????? SCRIPT ????????? ???????????? ? ????????? ????????. ?? ??????? ??????? ???????????? ????, ??? ???? ????? ???????? ????? ????????????? ???? ? ???? ????????, ???? ?? ??????? ?????. ???? ????? ???????? ?????????? ?? ??????? ?????, ?? ?? ???????????? ? ??????? ????????? ???????? SCRIPT.

?????????? ???????? ????? ????????. ???????? ????? ??????? ??????? type, ??????? ?????? ???? ????????, ??????????????? ? ????????. ???? ???? ??????? ?????, ?? ???????? ????????????? ?? ????????? ???? ?????????. ?? ?????? ??????????? ???????? ????? ?? ?????????? ? ???????? SCRIPT ???? ??????? src, ? ???????? ???????? ???????? ?????????? ????? ???????????? ????? ?? ??????????. ??? ??????, ???? ??? ????????? ??????? ????? ???????????? ?????????? ????????.

? ???????? SCRIPT ???? ??? ???? ??????????????? ??????? ? defer, ??????? ????????? ????????? ???????? ?? ????????? ?????? ???????? ????????.

? ???????? 1.10 ???????? ?????? ??????? ??????????? ????????? ? HTML-?????????.


??????? 1.10. ????????????? ???????? SCRIPT


"http://www.w3.org/TR/html4/loose.dtd">









????????????? ???????? SCRIPT







?????????? ???????????? ????????? ?? ??????????, ?????? ???????, ??? ?? ?? ????????? ????????? ?????, ??? ??? ?? ????? ????????? ??????? ?????? ????????????.




??????? BASE


???? ?????? ????????? ????????? ????????????? ?????? ?? ?????, ?? ????? ?????????? ????????, ????? ??????? ???????? ????????? ? ????? ?????????? ??????????. ?? ? ????? HTML ???? ??????????? ??? ??????? ???? ????????.

??????? BASE ?????? ??? ????, ????? ?????? ??????? ?????, ???????????? ???????? ??????????? ??? ????????????? ??????. ??? ??????? ???????? ??????? ? ?????? ???????? ????? ???????? ? ?????? ?????. ????? ??????, ??? ?????? ????? ????????, ??? ? ??????.



??????????

?????????? ????? ????????? ?????????? ?????? ???? ? ????, ??????? ? ????????? ????????. ????????, C:\Test\test.jpg ??? ?????? ?? ????? ?????????? ??? http:// www.test.test/mytests/test.html (http://www.test.test/mytests/test.html) ??? ??????????, ????????????? ? ?????????. ???? ???? ? ????? ????? ??????? ? ???????? ?????? ??? ??????? ???, ?? ????? ?????? ????????????? ?????. ????????, ????? ?? ?????????, ???????????? ?? ?????? C:\Test\MyTests\test.html, ???????? ?????? ? ????????? C:\Test\test.jpg, ?????????? ? ??? ???????. \test.jpg, ??? ???? ???? ?.? ???????? ??????? ?? ????? ??????? ??????? ???????? ?????????.


???????? ????????? ???????? BASE ???????? href. ? ???????? ??? ???????? ???????????? ????? ??????? ?????, ???????????? ??????? ? ????? ??????????? ????????????? ??????.

??? ????? ???????? ????????? ????? ???? ???????? target. ?? ???????????? ??? ?????? ? ????????, ?? ???? ? HTML-???????????, ??????????????? ????? ????? ????, ?????? ?? ??????? ???????? ???????? ? ?????????, ????????????? ???? ?????????. ??????? target ??????????, ? ????? ???? ????? ??????????? ???????? ?? ???????, ????????????? ? ?????????. ???? ??????? ????? ????????? ?????? ????????:

? _top ? ???????? ??? ?????? ? ????????? ???????? ? ?????? ???? ????????;

? _blanc ? ????????? ???????? ? ????? ????;

? _self ? ????????? ???????? ? ??????? ????;

? _parent ? ????????? ???????? ?? ?????-????????.

??? ???? ????? ???????????? ??????? BASE ? ????????? ?????? ?????? ?? ?????????.

? ???????? 1.11 ??????????? ?????? ????????????? ???????? BASE.


??????? 1.11. ????????????? ???????? BASE


"http://www.w3.org/TR/html4/loose.dtd">









????????????? ???????? BASE







? ??????? ?? ???????? 1.11 ??? ????????????? ?????? ????? ??????? ?? ?????? http://www.test.test/ (http://www.test.test/), ?? ???? ???? ? ?????? ????????? ????? ?????? ? ??????? ../IMG/test.jpg, ?? ??????? ????? ?? ???????????? ??? http://www.test.test/IMG/test.jpg (http://www.test.test/IMG/test.jpg). ??? ???? ??? ?????? ????? ??????????? ? ????? ?????, ???? ????? ?????????? ????? ?????? ?? ??????? ?????? ???????.

?? ??????????? ?? ????? ??????????, ??????? ????? ???????????? ?????? ???????? HEAD, ? ?? ????????? ????????? ???? ??????? ? ??? ????.




??????? BODY


?????? ???????? BODY ????????????? ??? ????????: ???? ?????, ??????????? ????? ??????????? ????? ???????????? ????? , ????? ???????????? ?????????. ??? ????????, ?????????? ?? ?????????????? ?????????, ???????? ?????? ???????? BODY.

???????? ???????? BODY ??????????? ??? ????, ????? ?????????? ????? ??? ????? ????????? ????????, ? ? ???? ????????? ??????????? ??????? ???????? ?????????? ???????: ????? ?????? ???? ??????, ????????? ???? ? ?.??.

??????? ?????????? ???????? ???????? BODY, ??????????? ???????????? ??????. ??? ???????? ??????????? ???????? ???? ???????? ?????? ????? ??? ??????????, ???????????? ? ???????? ??????, ??? ???? ????? ???????, ????? ??? ?? ????????? ? ?????? ???? ????????, ?????? ??? ??? ????? ???????? ???????????.

?? ???? ?????? ???????? ????????? ???????? ???????? BODY:

? alink ? ?????? ???? ???????? ??????;

? vlink ? ?????????? ???? ?????????? ??????;

? link ? ????????????? ???? ???????????? ??????.

????? ?????? ????? ?????? ? HEX-??????? ??? ????????? ???????. ???????? ????? ????? ????? ????????????, ???? ?? ?????? ????????? ??????????? ????. ?? ? ???? ?? ??????????? ????????????? ????????????? ?????, ???????? ??????????????? HEX-????????.

? ??????? ?? ???????? 1.12 ???????????? ??? ???????? ??????.


??????? 1.12. ???? ??????


"http://www.w3.org/TR/html4/loose.dtd">









????????????? ???????? BODY











? ??????? ??? ???????? ? ???????????? ?????? ???? ????? ? ??????? ???? ? ????: ??? ?????????? ??? ????? ? ????????????????? ??????? ? ???????????? ? ???????? ???????? ???????????????? ???????? ????? ????? #. ??? ?????????? ?????? ???? ????? ???????? ??????. ???????????? ???????? ????? ??????. ? ???????? ??????????? ????? ? ?? ??????? ??????????? ??????????? ???????? ?????? ?? ?????????? ?????. ?????????? ??????? ???????? ?????? ????? blue, red, black ? ?? ?????????.

??? ???????? ?????? ????? ? ??????, ?? ??? ??? ??????? ????? ????? ??????????, ????????? ????? ??????????? ????????.

??????? BODY ????????????? ??????? ??????????? ??? ?????????? ????? ????????. ?????????? ????????, ?????????? ?? ???.

??? ?????? ???? ?????? ??????? ???? ????????. ??? ???????? ? ??????? ???????? bgcolor, ???????? ???????? ?????????? ???? ????. ????? ????? ??????? ??????? ??????? ???????? ? ??????? ???????? background, ???????? ???????? ???????????? ????? ????? ????? ? ???????? ??? ????. ??? ???? ?????????? ??????? ???? ????, ??????? ? ???????? ????? ???????? ???????. ??? ??????????, ???? ? ???????????? ?? ?????????? ??????? ???????. ????? ???? ???? ?????? ? ????? ???????, ?? ????? ?????????? ? ????? ???? ????????.

????????? ??????? ????????? ?????????? ???? ? ?????????? bgproperties. ?? ??????????, ????? ?? ??? ?????????????? ?????? ? ???????. ???? ??????? ????????? ????? ???? ???????? fixed, ??????????? ????????????? ??? ????????? ? ?? ???????????? ??? ?????? ? ???????. ? ??????????????? ?????? ????? ?????? ??????? ???? ???????. ??? ?????? ?????????? ????????? ???? ???? ??????????? ????? ????????? ? ??????? ?? ???, ????? ??? ????????? ?? ???????? ?????????? ??????.

? ???????? 1.13 ??????????? ?????? ????????????? ????????? ???????? BODY, ?????????? ?? ??? ?????????.


??????? 1.13. ????????? ????


"http://www.w3.org/TR/html4/loose.dtd">







????????????? ???????? BODY











? ??????? ?? ???????? 1.13 ???? test. jpg ???????? ? ????? ?????, ??????? ? ???? ???? ???? ?? ????? ?????. ????????? ???? ?????? ? ??????? ?????????.

????? ???? ??? ?? ??????????? ? ?????, ????? ?????? ????????? ??????????? ???????? ???????????? ?????? ???? ????????.

?? ?????? ?? ?????? ???? ???????? ????????? ???????? ???????? BODY:

? bottommargin ? ?????????? ?????????? ?? ??????? ???? ???? ???????? ?? ??????????? ????????;

? leftmargin ? ????????? ?????????? ?? ?????? ???? ???? ???????? ?? ??????????? ????????;

? topmargin ? ?????? ?????????? ?? ???????? ???? ???? ???????? ?? ??????????? ????????.

?????????? ??? ???? ????????? ??????????????? ? ????????.

? ???????? 1.14 ???????? ?????? ???????? ?????????? ?? ??????????? ???????? ? ??????? ????????? ???????? BODY.


??????? 1.14. ????????? ?????????? ?? ?????? ???? ?? ??????????? ????????


"http://www.w3.org/TR/html4/loose.dtd">







????????????? ???????? BODY











? ??????? ?????????? ?????? ? ????? ????? ?? 10 ????????, ? ????? ? 20 ????????.

? ???????? BODY ???? ??? ??? ????????, ??????? ????? ??? ???????????. ??????? text ???????? ?? ???? ?????? ? ?????????. ????? ??????? ???? ??????, ???????, ????? ?? ?? ???????? ? ????? ????????.

??????? scroll ??????????, ????? ?? ? ???? ????????? ???????????? ?????? ?????????. ? ???? ????? ??? ????????: yes ? no, ???????????? ????????? ? ????????? ????????? ??????????????. ?? ????? ???? ????????? ????????? ?? ?????, ?????? ??? ????????, ??????? ? ??? ?? ?????? ????? ????????? ??? ???????, ? ???????????? ? ?????? ??????????? ???????? ????? ?? ??????????? ?? ??????. ? ????? ??? ?????? ????????? ?? ?????? ?? ?????? ????? ?????????.

?? ??????????? ??????? BODY, ??? ??????????? ? ???????. ??? ?????????, ???????????? ? ???? ????????, ?????? ?? ????? ??? ?????????.

????? ?? ???????? ??????? ?????, ?? ?? ???????? ?????? ??????, ??? ?????? ?????? ?? ??? ???? ????? ???? ????????. ??????????? ??????? ???????? ?????.




???????????


??????????? ????? ????????????? ? ????? ????? ????????, ?????? ??? ?? ???????????? ?????????. ? ???????? ?????? ???????????? ????? ???????? ????????? ? ???? ????????. ??? ??????, ???? ??? ??????? ??? ? ??????? ???????? ????????? ???????.

??????????? ??????????? ? ???: . ?????, ????????????? ?????? ????? ????, ?? ????? ????????????.




??????


? ???? ????? ?? ???????????? ? ???????? ?????????? HTML-????????? ? ???????????? ?????????, ????????????? ? ????? HTML. ??????? ???????? ???? ??????? ??????????, ?????? ??? ?????? ??? ???????? ?? ????????????? ????????? ???????? ? ?? ?????????? ? ????????? ????????. ?? ????? ????????????? ? ???????? ?????? ?????? ? ?????????? ?? ??????????? ? ????????.

??????? ????? ????? ???? ????????? ??????????????? ??????, ??????? ???????? ??????? ??? ???? ????????? ??? ????????????? ????????????? ? ????? ??????????? ????????? ????????? ??? ????????????.




????? 2

???? ? ?????????? ??????



2.1. ???????? ??????????

2.2. ???????? ???????

2.3. ???????? ??????? ?????

2.4. ???????? ???????

2.5. ??????

2.6. ?????????????? ??????



???? ????????? ?????????? ?? ???? ?????????????? ?????? ???????? BODY. ?????? ???? ????? ??????? ???????????? ?????? ?????? ???????? BODY ???????????, ?????????? ??? ?????????, ???????? ????????? ?? ?????? ??? ????????? ?????????. ??? ?????????? ?????? HTML ????????????? ????? ????????????: ??? ?????? ?????? ??? ????????? ????? ?????? ?????????? ??????? ???. ???? HTML ????? ????????? ????????? ?????? ? ????????? ?????? ????. ????? ?????? ????, ?????? ? ????? ??????. ? ?????, ? ????????? ????? ???? ??????????? ???????? ???? ????? ????? ????????.

??????? ?????????? ????? ???????? ???????????? ?????????????? ??????, ? ????? ???????? ??????????????? ? ?????????? ??? ??????? ?????. ??? ???????? ????????? ???? ????? ??????? ???????, ??? ? ???????? ?????? ????? XHTML ????????????? ????????? ?????????? ???????????? ? ??????? ????? CSS, ??????? ?? ????? ??????? ? ??. 7?9. ??? ?? ????? ?????????? ????? ?????? ????? ??? ???????????? ??????, ????????? ??? ??? ?? ??? ???????? ??????????? ? ??????????????? ???-??????????, ???????????? ???????? ?????????? ?????????, ???? ??? ??????????? ????? ??? ? ?? ?? ?????? ???? ??????? ???????? ?????????? ??????????.




2.1. ???????? ??????????


????????? ? ?????? ??????? ?????, ??? ???????? ????????????????? ?????. ? HTML ???????? ???????? ?????????? ?????? ???????, ??????? ????? ????? ???????? ????????? ???? ? ???????. ?????, ??????????? ? ??????????, ?????? ?? ?????????? ????? ?????????? ?????????, ??? ??? ?????? ?????? ??? ?????? ???????? ???????? ?? ?????????? ??????????, ????????? ?? ?????.

? HTML ????? ????????? ????????? ????? ???????. ????? ?????? ????????? ????????? ??????? ??????, ? ????? ???????????? ? ???????.

????????? ????????? ? ??????? ????????? H1, H2, H3, H4, H5, H6. ?? ????????? ????????? ?????? ???????? ?????? ?????????? ????? ??????? ???????, ? ??? ???? ??????? ?????????, ??? ?????? ?????.

??? ????????? ?????? ?????? ????? ?????? ???????????? ?? ???????????. ??? ???????? ? ??????? ???????? align.

???????? ???????? align:

? left ? ?? ?????? ????;

? right ? ?? ??????? ????;

? center ? ?? ??????;

? justify ? ?? ?????? (?????? ??? ?????????? ??????? ??????).

??? ?????????? ????? ?????? ??????? title, ???????? ???????? ? ????? ??????????? ?????????, ???????????? ??? ????????? ????????? ???? ?? ?????????.

? ???????? 2.1 ??????????? ?????? ???? ??? ???????? ?????? ????? ?????????? ? ??? ?? ?????????? ????????????.


??????? 2.1. ?????????





???????? ??????????





????????? 1 ??????



????????? 2 ??????



????????? 3 ??????



????????? 4 ??????



????????? 5 ??????


????????? 6 ??????








?? ???.?2.1 ??????? ????????? ????????? ???????? 2.1 ?????????.




???.?2.1. ??? ??????????



?? ???.?2.1 ????? ???????? ????? ??????????? ??????? ???????. ? ????????, ??????? ?????? ???????? ??? ????? ? ??????? ?????????? ??????? ???????, ??, ????????? ?????????? ???????????? ????? ?????????? ??? ??????, ????? ????? ??? ????????? ?????? ?????????? ???????????? ?????? ???????? ??????????.

??? ??????????? ????????? ?????? ?????????? ? ????? ??????, ? ????? ???? ?????? ???? ????? ?????? ? ??? ???????? ????????? ?? ?????????? ??????.

??? ?????????? ??????? ????????? ??????????? ??????????, ???????? ?????? ??? ???????, ???????????? CSS. ??????? ? ????????? H1-H6 ????????? ???????????? ???????? style ? class, ??????? ?????????? ?????.

????? ???? ??? ????????? ???????, ????? ???????? ? ??? ??????? ???????? ??????, ??????? ????? ????????? ??????? ?? ??????.




2.2. ???????? ???????


??????, ??? ????????, ????? ????? ?? ?????????? ????? ? ?? ?????? ?????????? ???????? ?? ???? ?????. ? HTML ?????? ?????????? ???? ?? ????? ??????????? ? ???? ??????.

??? ??????????? ??????? ? HTML ???????????? ??????? P, ??????? ????????????? ??????? ???????????? ????. ??????? P, ????????, ???????? ????? ?????????????? ? ?????????? ?????????? ??????, ??????????????? ? ?????????, ????????? ?????? ???????? P.

??? ?????????? ??????? ????? ?????? ??????? ? ???????? ???????????? ??????? ??????, ?????? ????????? ?????????????? ????? ????????? ? ? ??????? HTML.

??? ???????? P ????? ?????? ???????, ???????????? ????????????. ?? ?????????? align ? ????? ????????? ????????? ????????.

? center ? ???????????? ?? ??????. ??? ????? ???? ???????????? ????? ??????????? ? ?????? ??????, ??????? ?????? ????. ?? ????? ???????????? ???????? ???????????? ??? ?????? ???????? ??????, ?????? ??? ??? ????? ???????? ??????.

? left ? ???????????? ?? ?????? ????. ????? ??????????? ? ?????? ???? ???? ????????, ? ?????? ???????? ???????? ????. ??? ????? ??????? ??? ????????????, ????? ?????? ???? ?????????? ????? ??? ??????.

? right ? ???????????? ?? ??????? ????. ????? ??????????? ? ??????? ???? ??????, ??????? ???????? ???? ?????. ????? ???????????? ???????? ????????? ?????????. ?????? ??????? ?????, ??????????? ????? ???????, ????? ????????.

? justify ? ???????????? ?? ??????. ??????? ????? ??????? ????????????? ???????????? ????? ???????, ????? ????? ?????????? ? ?????? ? ??????? ????? ????. ???? ??? ???????????? ???????? ????????? ??? ??????? ??????? ??????, ?????????? ?????? ????? ????? ? ?????? ??????? ??? ?????????? ???.

????? ????????????, ??? ?????? ????? ?????? ??????????? ?????????, ??????? ?????????? ??? ????????? ????????? ???? ?? ?????. ????????? ????????? ? ??????? ???????? title, ????????? ???????? ???????? ????? ?????????.

? ???????? 2.2 ???????? ?????? ???????? ??????? ? ?????? ????????????? ? ???????????? ???????????.


??????? 2.2. ???????? ???????





??????





??? ????????? ???????????? ?????, ??????????? ?? ??????



????? ???????



???? ????? ? ??????? ???????? ?? ?????? ????, ??????? ???? ? ??????? ???? ????? ???????



???? ????? ? ???????? ???????, ??????????? ?? ??????. ???? ????? ?????? ????????? ? ????? ???? ????????









?? ???.?2.2 ??????? ????????? ????????? ???????? 2.2, ??? ????? ???????? ????? ???????? ? ?????? ?????????????.




???.?2.2. ?????????? ???????



??? ??????????? ?????????? ?????? ??????? ?????????? ????????? ??????? ??????, ??? ????? ??????? P ????????? ????????????? ????????? style ? class.




2.3. ???????? ??????? ?????


? ??????????? ?????? ??? ???????. ??? ?? ??????, ???? ????????? ????????????? ???????? ??????, ?? ???????? ?????, ???????? ? ??? ?? ???????? ??? ?????? ???????

? HTML ???? ??????????? ????????? ????? ?? ????? ??????, ?? ?????????? ?????. ?????? ??????? ????????? ????? ? ??????????? ?? ??????? ????, ? ??????????? ?????????????? ?????????? ????? ???????? ????? ??????????? ??? ?????? ?????? ??? ??? ????????? ????????? ????????? ???? ?? ?????.

??? ???????? ?????? ?? ????? ?????? ?????? ??????? BR, ?? ?? ??????? ???????????? ????, ?????? ????????????? ?????????? ??? ??????????? ??? ???
, ????? ??? ????????? ?????????? ??? ?????????.

? ???????? 2.3 ??????????? ?????? ???? ??? ??????????????? ???????? ??????.


??????? 2.3. ????? ??????





????? ??????





???? ???? ?????? ??????,


??????? ? ????? ?????.








?? ???.?2.3 ??????????? ????????? ????????? ????????? ???? ?? ???????? 2.3.




???.?2.3. ????? ??????



?? ???.?2.3 ?????, ??? ??? ????????????? ???????? BR ?????? ?????? ????? ???????? ?? ???????????.

???? ??? ???? ??????? ?????????? ???????? BR. ??? ??????????, ????? ????? ?????? ????????? ??????? ???????, ??????????? ??? ?????? ??????? ?????????? ???????? ???????? (?? ???? ????????, ??? ???????? ????? ??????? align).

??? ????? ????????? ??????? clear ???????? BR. ??????? ????? ????????? ????????? ????????:

? all ? ????????? ????????? ???????? ? ???? ??????;

? left ? ????????? ????????? ? ????? ??????? ?????????? ???????, ?????????????? ????? ???????? BR;

? right ? ????????? ????????? ? ?????? ??????? ?????????? ???????, ?????????????? ????? ???????? BR;

? none ? ???????? ????????.

???? ????????? ?????????, ?? ?????, ????????? ?? ????????? BR, ????? ???????????? ?? ?????? ????? ?????????? ???????.

????? ????????????? ???????? ??????, ?????? ????? ???????????? ???????? ????????, ?? ???? ?????????????, ??? ????? ?? ????? ????????? ?? ????? ?????? ?? ? ???? ??????. ??? ???????? ????? ??????????? ????? ???????????? ??????? NOBR, ??????? ??????? ??????? ???????????? ????. ?????, ????????????? ?????? ????????, ????? ??????????? ? ????? ??????. ??? ????????????? ??????? ??????? ?????????????? ?????? ?????????.

?????? ?????? ????? ????????? ????? ??????? ? ????????? ??? ??????, ??????? ?????? ???????? NOBR ????? ???????????? ??????? WBR, ??????? ????????? ????? ??? ?????????? ???????? ??????.

? ???????? 2.4 ??????????? ?????? ????????????? ????????? NOBR ? WBR.


??????? 2.4. ?????? ???????? ??????







????? ??????





??? ????? ?????? ??????, ?? ?? ? ???? ?????? ?????? ?????????? ?? ?????? ??????, ?????? ? ???? ????? ???????? ??????? ???????.







?? ???.?2.4 ???????? ??????????? ? ???????? ???? ?? ???????? 2.4.




???.?2.4. ?????? ?????????



??? ????? ?? ???.?2.4, ??????? ?????? ?????????????? ?????? ????????? ? ??????? ?????? ? ??? ?????, ??? ???? ?????????.

??????????? ????????? ?????????? ? ???????? ????????? ?????????????? ????? ??? ????????, ?? ????? ??????????? ??????? ?? ???, ??? ??????? ??????????? ????????.




2.4. ???????? ???????



??????? ?????? ????? ??????? ? ??????? ??????? ???????, ?? HTML ?????????? ??? ????? ?????? ??????????.

?????? ? ?????? ??????????, ??? ??????????? ??? ??????????? ? ??????????? ??????. ??? ????? ??????????? ??? ???????? ????? ????? (?? ???? ??? ??????????), ???????? ??????? ???????? ? ?????? ???????? ????????.

? HTML ????? ???????? ????????? ????? ???????:

? ?????????????;

? ????????????;

? ?????? ???????????.

??? ?????????? ?? ????? ????????????? ??????????.




????????????? ??????


????????????? ?????? ? ??? ??????, ? ??????? ?????? ?????????? ? ??????? ????????? ????????. ????? ?????? ??? ???????? ???????????????, ??? ????????????????, ?????? ??? ??? ????????? ??????? ?????? ?????????????????? ???????. ??? ?????? ????? ???????????? ??? ???????? ???????????? ???????? ??? ?? ???????.

??? ???????? ??????? ? HTML ???????????? ??????? UL, ????????? ??????? ???????????? ????. ?????? ?????? ????????? ?????? ???????? UL. ?????? ????? ?????????? ? ???????? LI.

? ???????? UL ???? ??????? type, ???????????? ??? ??????? ??????. ?? ????? ????????? ????????? ????????:

? circle ? ??????? ?????? ? ???? ?????, ?????? ??????;

? square ? ??????? ?????? ? ???? ????????;

? disc ? ??????? ?????? ? ???? ?????, ???????????? ?????? ??????.

?????? ????? ???????? ?????, ?? ??? ?????? ???????? ??????????????? ???? ????????.

? ???????? 2.5 ??????????? ?????? ???????? ????????????? ??????? ? ??????? ?????????.


??????? 2.5. ????????????? ??????




??????





  • ??????


  • ?????


  • ??????


  • ????






  • ??????


  • ?????


  • ??????


  • ????






  • ??????


  • ?????


  • ??????


  • ????










????????? ????????? ???? ?? ???????? 2.5 ??????? ?? ???.?2.5. ????? ?????, ??? ???????? ?????? ??????? ???????.




???.?2.5. ????????????? ??????



??? ???????? ????????????? ??????? ? ??????? ???????? LI ????? ?????? ??? ??????? ???????? ??? ??????? ?????? ??????.

? ???????? 2.6 ???????? ?????? ???????? ?????? ? ??????? ????????? ??? ????????? ???????.


??????? 2.6. ?????? ? ??????? ?????????





??????





  • ?????


  • ????


  • ??????


  • ??????


  • ????










????????? ????????? ????????? ???? ?? ???????? 2.6 ??????????? ?? ???.?2.6.




???.?2.6. ?????? ? ??????? ?????????



? ??????? ????????? ??????? ???????? ??????? ?????? ?????.

?????? ??????? ????????? ???? ??????? ??? ???????, ? ???? ?????? ??????? ??? ??????? ????? ??????? ????? ??????????????? ????? ?????? ????? ? ????? ????????.

? HTML ???? ??????????? ??????? ?????? ? ???????????? ?????????. ??? ????? ????? ?????? ???????? LI ?????????? ???????? ? ???????? ????????????. ??????? UL ?????? ????????, ??? ???? ??????? ??????, ? ? ??????? ???????? BR ????? ????????? ??????.

? ???????? 2.7 ??????????? ?????? ???????? ?????? ? ???????????? ?????????.


??????? 2.7. ?????? ? ???????????? ?????????





??????





    ??????


    ????


    ?????










????????? ????????? ???? ?? ???????? 2.7 ??????? ?? ???.?2.7.




???.?2.7. ?????? ? ???????????? ?????????



?????? ????? ???????????? ???????? ??? ???????? ??????????? ???????, ??????????????? ????? ?????? ?????.




???????????? ??????


?????? ????????????? ??????????????? ??????? ?? ?????? ?????????. ??? ??????, ???? ????? ????????? ??????? ????????, ???????? ?????? ????????????? ?????? ??? ???????????? ???????????? ????? ???????????? ??????????????? ??????, ? ??? ???????? ??????? ???????? ??????????? ??????????????? ??????.

???????????? ?????? ???????????, ????? ??????? ?????????? ??????? ?????? ????? ??????? ????????, ???????? ??? ???????? ?????????? ??? ?????? ????????? ????????. ???????????? ??????? ????? ???? ???????? ??, ??? ??? ?? ???????? ???????????.

??? ???????? ????????????? ??????? ??????????? ??????? OL, ???????? ????????? ??????? ???????????? ????, ? ??? ?????? ?????? ????????? ?????? ????? ????????.

? ???????? OL ???? ??????? type, ??????? ?????? ?????? ????????, ???????????? ??? ?????????.

????????? ???????? ???????? type ?????????, ??? ?????? ????? ???????????? ? ???????:

? A ? ????????? ???? ?????????? ????????;

? a ? ???????? ???? ?????????? ????????;

? I ? ????????? ??????? ????;

? i ? ???????? ??????? ????;

? 1?? ???????? ????.

?????? ????????? ???????? OL ???????? ??????? start, ???????????, ? ?????? ????? ???????? ????????? ????? ??????.

? ???????? 2.8 ???????? ?????? ???? ??? ???????? ????????????? ??????? ? ?????? ??????????.


??????? 2.8. ????????????? ??????





??????





  1. ??????? ????


  2. ???????? ???? ? ???????? ????????


  3. ????????? ???? ?? ??????? ??????? ?? ??? ???????


  4. ??????? ???? ?? ?????


  5. ??????? ?????






  1. ??????? ????


  2. ???????? ???? ? ???????? ????????


  3. ????????? ???? ?? ??????? ??????? ?? ??? ???????


  4. ??????? ???? ?? ?????


  5. ??????? ?????






  1. ??????? ????


  2. ???????? ???? ? ???????? ????????


  3. ????????? ???? ?? ??????? ??????? ?? ??? ???????


  4. ??????? ???? ?? ?????


  5. ??????? ?????






  1. ??????? ????


  2. ???????? ???? ? ???????? ????????


  3. ????????? ???? ?? ??????? ??????? ?? ??? ???????


  4. ??????? ???? ?? ?????


  5. ??????? ?????






  1. ??????? ????


  2. ???????? ???? ? ???????? ????????


  3. ????????? ???? ?? ??????? ??????? ?? ??? ???????


  4. ??????? ???? ?? ?????


  5. ??????? ?????










???????? ??????????? ? ???????? ???? ?? ???????? 2.8 ??????? ?? ???.?2.8.




???.?2.8. ????????????? ??????



? ??????? ??????? ?????? ? ?????????? ?????? ?????????, ??? ?????? ? ???????? ?????????? ????? ????????? ????? 6.

??? ???????? ????????????? ??????? ?? ??????? LI ????? ????????? ?????????????? ???????. ??? ? ? ??????? ? ?????????????? ????????, ? ???????? LI ????? ?????? ??? ????????? ??????????? ?????? ? ??????? ???????? type. ?????? ?????, ? ??????? ???????? value ????? ?????? ?????, ? ???????? ????? ?????????? ????????? ??????.

? ??????? ?? ???????? 2.9 ??????????? ??? ??? ???????? ?????? ? ??????? ?????? ????????? ? ????????? ???????? ?????????? ?????????.


??????? 2.9. ?????? ? ??????? ?????? ?????????





??????





  1. ?????? ?????


  2. ????? ? ???????


  3. ?????? ?????


  4. ?????? ??????


  5. ??? ??????


  6. ????? ??????? ???????


  7. ??????? ???????










????????? ????????? ???????? 2.9 ??????????? ?? ???.?2.9.




???.?2.9. ????????????? ?????? ? ?????? ??????????



??? ????? ?? ???????, ??????? ????????? ? ??? ?? ??????????? ???????? ???? ?? ?????, ????????? ???? ????? ?? ?????? ?? ???????? ??????????? ???????.




?????? ???????????


??????, ??? ?? ????? ????? ??????? ?????? ???????? ??? ???????. ??? ???????? ????????? ??? ?????? ????? ??????????????. ??? ???????? ???????? ??????????? ?????? ?????? ???????????.

?????? ??????????? ? ??? ?????? ??? ??????, ??????? ??????????? ??? ?????????????? ???????? ??? ????? ?????????? ???????? ???????? ????????.

??????????? ?????? ??????????? ??????? ?? ??? ???????: ??????? ?????? ?????? ?????? ??????? ?? ???? ??????. ?????? ????? ?????? ???????????? ?????, ? ?????? ? ???????? ??? ??????????? ???????. ??? ???? ?????????????? ???????????? ????? ???????, ??? ???????? ??????? ???????????? ? ???????? ?? ???? ?????? ?, ????????, ? ????????? ?????? ?? ???????????.

??? ??????????? ??????? ??????????? ?????? ??????? DL ? ?????? ???? ????? ?????????? ??????????? ? ???????? ???????. ? ????? ???????? ??? ?????????, ????? ??????????? style ? class, ? ??????? ??????? ? ??????? ??????????? ????? ?????????? ?????.

????? ?????? ?????????? ?????? ???????? DL, ????? ?????? ???????? DT ? DD. ?????? ???????????? ??? ????, ????? ?????? ???????????; ????? ??? ??????? ????????? ?????????.

?????? ??????????? ??? ???????? ??????? ?? ???????? DT. ?????? ????????? ? ??? ????? ?? ?????????????. ????? ???????? ??? ??????????, ?????????????? ? ???? ????????, ????? ???????????? ??????? ??????.

? ???????? 2.10 ??????????? ?????? ???????? ??????? ???????????.


??????? 2.10. ?????? ???????????





??????





?????


?????? ??????? ????????? ???????


????


????????? ??????? ????????? ???????










????????? ?????? ???? ?? ???????? 2.10 ??????? ?? ???.?2.10.




???.?2.10. ?????? ???????????



?? ???.?2.10 ????? ??????????? ?????????????? ??????? ???????????; ?????????? ? ????? ???? ??????? ????? ????????????.




???????? ????????? ???????


???????????? ??????? ??????? ????? ?? ???????. ????????, ??? ???????? ?????????? ?? ???????? ??? ????????? ???????. ??????? ?????????? ???????? ????????? ???????.

? HTML ????? ????????????? ? ?????????? ???? ? ????? ?????? ?????? ?????, ?? ??? ???? ????? ??????????? ??????? ?? ???, ??? ????????????? ????????? ??????, ? ??? ?????? ???????? ??????, ????? ????? ???????? ? ???????????? ??????????.

? ???????? 2.11 ??????????? ??? ??? ???????? ?????????? ??????.


??????? 2.11. ????????? ??????





??????







  1. ?????? ?????



    • ??????


    • ????????








  2. ????? ? ????????



    • ???? ?????


    • ?????? ?????






  3. ?????? ?????










?? ???.?2.11 ????? ???????, ??? ???????? ????????? ??????.




???.?2.11. ????????? ??????



?????, ??? ???????? ?????????? ??????? ????????? ?? ????????? ?????? ????? ???????? ??????.

?? ??????????? ? ??????? ?????? ?????????? ??????, ??????, ???????? ????? ??????? ? ??, ?? ??? ??????? ????????,?? ??????.




2.5. ??????



?? ????? ???? ???????? ? ??? ????? ? ??????. ?????? ????????? ?????????, ???????????? ?? ????? ?????????, ? ???? ????. ??? ???? ????? ?????????? ?? ?????? ???????????, ?? ??? ?????????? ?? ????? ???????? ?????? ?????, ? ??? ??? ????????? ???????.

????? ???????? ??? ???? ??????: ??????? ? ??????????. ?????? ????????? ???????? ? ???? ???? ? ???????? ????????????? ?? ????. ?????? ???????? ????????????? ? ?????? ????? ????????.




??????? ??????


???????? ???????? ?????? ?? ???????, ????????????? ??? ??????? ????????. ??? ????? ???? ????????, ?????? ???????? ?????, ?????????????? ??????????.

??????? ??????? ?????? ???????? URL-????? ???????, ?? ??????? ?? ??????????? ?????????.

??? ???????? ??????????? ? HTML ?????? ??????? A, ??????? ??????? ??????? ???????????? ????. ?????? ???????? ????????????? ?????, ??????? ????? ??????? ??? ??????. ?? ????? ????, ????? ???????? ????????, ??? ? ?????-?? ????? ????? ? ??? ??????????? ??????, ?????????? ?? ??????????? ?????? ?????? ??????? ????? ????????? ????????. ???? HTML ???? ??????????? ??????????????? ????? ??? ????? ??????. ??????????, ??? ? ??? ???????? ???? ????? ??????, ??????? ?????? ?????? ?????????, ??? ???????????? ??????, ??????? ?? ???, ? ???????? ????????? ????? ????????, ?? ??????? ????? ?????? ??????? ??? ?????? ??????? ???? ?? ??????. ????? ?????? ? ????????????? ?????? ????? ??????.

????? ????????? ??? ???????? ???????????? ? ???????? A ? ???????? ???????? ???????? href. ????? ???????, ??????????? ?? ????? ?????????? ???????, ?????? ? ?????????? ??? ????????????. ??? ????????? ??? ?????, ??? ????????? ????????, ?? ??????? ????????? ??????, ?? ????? ?????? ????? ????????.

? ???????? 2.12 ??????????? ?????? ???????? ?????? ?? HTML-???????? ? ???????.


??????? 2.12. ???????? ??????





??????



??? ???


??? ????







?????? ??????????? ?????? ? ???????? ??????? ?? ???.?2.12.




???.?2.12. ??????



????? ?????? ???????????? ????????????, ? ????????? ???? ?????? ??? ??? ????????? ?? ??????.

????? ?????????? ????? ??????? ??????? ???? ?? ??????, ?? ???????? ?? ????????, ??????? ??????? ? ???????? ??????.

??? ?? ??????, ???? ????? ???????????? ??????? ??????????? ? ?????? ????? ????????? ????? ???? ??????? ??????.




?????????? ??????


?????????? ?????? ?????????? ???????? ?????? ?????? HTML-?????????. ??? ???????????, ????? ?? ????? ???????? ????? ??????. ??? ???????? ????????? ????? ??????? ??????, ??? ?????? ??????? ???? ?? ??????? ???????????? ????????????? ???????? ? ?????? ????? ?????????.

????? ??????? ????? ??????, ??????? ????? ?????????? ?????, ? ???????? ?????? ????????. ??? ???????? ? ??????? ???????? name ???????? A. ??????????? ????? ?????? ??????????? ? ??????? A. ???? ?????????? ?? ??????????? ???????? ???? ?????, ????? ?????? ?????????? ???? ????? ???????? ? ?????, ? ???????? ??????? ?????? ?????????? ??? ?????? ??????? ???? ?? ??????.

? ???????? ???????? ???????? name ????? ????? ????? ???, ??????????, ????? ??? ??????????????? ??????? ?????, ??? ??? ????? ????? ????? ???????????? ???????.

????? ????? ??????? ?????? ?? ??? ?????. ?????? ?? ?????????? ????? ????????? ??? ??, ??? ? ?????? ?? ??????? ????????, ?????? ?????? URL-?????? ???????? ???????? ???? ?????? ????? ????? ? ???? #met1. ??? ???? metl ? ??? ????? ?????.

?????? ??? ?????? ??????? ???? ?? ?????? ??????? ????????????? ???????? ? ?????, ?????????? ??????.

? ???????? 2.13 ??????? ?????? ???????? ?????????? ??????.


??????? 2.13. ?????????? ??????





??????



??? ????? ??? ???????? 2


???????? ??????? ???? ??? ???????? ? ????? 1


???????? ??????? ???? ??? ???????? ? ????? 2


??? ????? ??? ???????? 1







????????????? ?????????? ?????? ? ???????? ???????? ?? ???.?2.13.




???.?2.13. ?????????? ??????



??? ?????, ?????????? ?????? ??? ??????????? ????? ?? ?????????? ?? ???????, ? ?????, ?????????? ??? ?????, ????? ?? ??????????.

?????????? ?????? ?? ?????? ?????????? ????? ??, ??? ? ???????, ??????? ???????? ???????? A ????????? ??? ????? ?????.




????? ???????


??? ???????????????? ???????? ???????? A ????? ????????? ??? ???????? ??? ??????????, ??? ? ??????? ??????, ?? ???????? ? ??????????? ?? ????? ?? ????????.

? ???????? A ???? ??? ??????????????? ????????. ?????? ? target ? ????????? ?? ??, ? ????? ???? ?????? ??????????? ????????, ?????????????? ??? ?????? ??????.

????????? ???????? ???????? target ?????????, ??? ???????? ???????????:

? _blanc ? ? ????? ???? ????????;

? _parent ? ?? ?????-????????;

? _self ? ? ??????? ????;

? _top ? ? ?????? ???? ????????.

???? ??????? ????? ???????, ?????? ??? ?????? ?????? ?????? ??????? ?????? ? ????? ????. ????????, ????? ?????? ?????? ?? ?????? ????, ? ?? ?? ??????, ????? ???????????? ????? ? ?????. ???????? ???????? ? ????? ???? ? ???????? ????, ??? ???????????? ????? ???????? ?? ???? ????????.

?????? ??????????????? ????????? ???????? title, ?? ????????? ??????? ??????????? ????????? ??? ????? ??????, ??? ?????? ????? ?????? ? ???? ???????????? ?????????????? ?????????? ? ???, ??? ??? ???? ??? ???????. ???????? ???????? ? ????? ??????????? ?????????.

? ???????? 2.14 ??????????? ?????? ???????? ?????? ? ?????????????? ???? ??????????.


??????? 2.14. ?????? ? ??????????????? ??????????





??????



??? ???







?? ???.?2.14 ??????? ?????? ??????????? ?????? ?? ??????????? ??????????.




???.?2.14. ?????? ? ??????????????? ??????????



?????, ??? ??????????? ????????? ????? ?????? ?????????? ????????.

?????? ?????, ????? ??? ?????? ????? ??????????? ? ???? ???????????, ?? ???? ????? ???????? ????? ??????????? ??? ?????? ??????? ???? ?? ???????. ?????, ????????, ??????? ??????????? ????? ??????????, ??? ?????? ??????? ???? ?? ??????? ????? ??????????? ???? ???????? ???????.

??? ???????? ??????-??????????? ?????????? ????????? ??????? ?????? ???????? A.

? ???????? 2.15 ??????? ?????? ???????? ??????-???????????.


??????? 2.15. ??????-???????????





??????











?? ???.?2.15 ????????, ??? ??????? ?????????? ??????-???????????.




???.?2.15. ??????-???????????



?????? ??????? ????????? ?????, ??????? ???????? ?????????? ??????, ??? ????? ??? ?? ?????? ???????????, ? ??????.

?????? ?? ?????? ??????? ?????? ?????? ???? ?? ????? ??????. ??????? ?? ???, ????? ?????? ????? ???????? ????????, ??????????????? ?????????? ??????????, ????????????? ?? ????, ????? ?????????? ????? ????? ?????? ??????????? ???????.

?????? ??????????, ??? ????? ?????? ?? ??????? ??? ?????? ?? ????????.




2.6. ?????????????? ??????



??? ???? ????????????? ?????? ???????? ??????, ???? ??? ???????? ????? ???????, ????? ?? ??? ???????? ? ????? ?????, ? ???? ? ??? ??????, ???????? ?? ?????????, ?? ???????? ?????????? ??????????? ??????. ??????? ?????????? ????????????? ????? ??????????????, ????? HTML ????????????? ??? ????? ???????? ???????????.

???? ????? ????????? ??? ?????????????? ??????, ? ??? ??? ??????? ?? ??? ??????: ?????????? ? ??????????. ???? ?? ????? ?????? ?????????? ?????????????.

?????????? ???????? ???????? ???????? ? ???, ????? ??? ?????????? ? ??? ??????????, ???????? ?????? ????? ??? ??????. ??????? ??? ??????, ??? ?????????? ????? ?????. ???????, ???? ???????? ????????? ??? ??????????? ???????????? ?????????, ?? ? ????? ????????? ??????? ? ?????. ?? ???? ??? ????????? ???????? ?? ?????????? ????? ? ??? ???? ?? ????????? ??????? ?????????? ?????, ????????????? ?????? ????????, ?????-???? ?????????? ???????.

?????????? ???????? ?????? ??????? ????????, ??? ?????? ????????? ??? ??? ???? ???? ??????, ?? ??????? ????? ????? ? ?????????? ??? ???????????. ??????? ???????, ????? ??????? ?????????? ??????? ?????????? ????? ???????, ?????????? ??? ????????, ?? ???????, ?????? ????? ?????? ????????? ?????? ???.

? ????????? ???? ???????? ?? ??????? ??? ?????? ? ?????? ????????? ?????????: ??? ????????? ?????? ?????????? ???????, ????????, ????? ???????????? ??? ??????????, ??? ? ?????????? ????????.

?????? ???????????? ???????? ?????????????? ?????? ? ????????????? ?????????? ?????????.




?????????? ???????? ??? ??????????????


??? ??? ??????????, ?????????? ???????? ??? ?????????????? ?????????? ?? ??????? ??? ??????, ? ??? ???, ? ? ??????????? ?? ???????? ??????? ????????? ??? ??? ???? ??? ???????? ??????????????. ??? ????????, ??????????????? ????, ???????? ???????????? ? ??????? ??????? ???????????? ????.

????????? ?? ???? ????????? ????? ?????? ?? ???????? ??????????? ??????, ??????? ??? ?? ???????????? ????? ?????? ???? ?? ??, ??? ??? ?????????? ???????? ??????, ? ?? ?? ??, ??? ??? ??? ???????????.


??????? ABBR

??????? ABBR ?????????? ????? ??? ????????????. ? ??????? ???????? title ????? ?????? ??????????? ????????? ? ???????????? ????????????. ??? ???? ????????? ?????? ??????????? ?????? ?????? ??????? ???????????, ???????????? ? ???????? title.

??????:

???


??????? ACRONYM

??????? ACRONYM ?????????, ??? ????? ???????? ?????????.



??????????

???????? ? ??? ????? ??????????? ??????????, ???????? ???, ??? ? ?.??.


??????? title ????????? ?????? ??????????? ????????. ??????:

???


??????? CITE

??????? CITE ???????? ????????? ?????? ??? ??????, ?????? ?? ??????? ?????????. ????? ????? ?????? ???????????? ????????.

??????:

????? ?????? ???????? ??????????


??????? CODE

???? ??????? ????????? ?? ??????????? ???, ??????? ????? ?????????, ????????, ??????????, ???????, ????????? ????? ?????????. ????? ????? ?????? ????????? ???????????? ???????.

??????:

??????? ??????? func(int a, char b);


??????? DEL

??????? DEL ???????? ????? ??? ????????? ? ????? ?????????????? ??? ???????? ????????? ? ?????????. ? ????? ???????? ???? ??? ????????: cite ?????? ????????? URL ?????????, ? ??????? ??????? ??????? ???????? ?????????, ? datetime ? ???? ? ????? ???????? ????????? ? ??????? ????-??-??T??: ??: ccTZD (???????????? ?? Time Zone region with Daylight Saving Time ? ?????? ???????? ????? ? ?????? ????????). ???????? ????? ????? ?????????? ??? ???????????.

??????:

???????????? ????????


??????? DFN

???? ??????? ???????? ????? ??? ???????????. ??????? ????? ????????????, ???? ????? ?????? ??????????? ? ?????? ??????? ? ??? ?? ?????? ??? ???????????. ??????? ?????????? ????? ????? ????????.

??????:

???????????-????????


??????? EM

??????? EM ???????? ?????? ????????? ??????. ??????? ?????????? ????? ????? ????????.

??????:

?????


??????? INS

??????? INS ???????? ????? ??? ??????? ? ??????????? ??? ????????? ?????????, ???????? ? ????????. ? ????? ???????? ???? ??? ????????: cite ?????? ????????? URL ?????????, ? ??????? ??????? ??????? ?????????? ?????????, ? datetime ?????? ????????? ???? ? ????? ?????????? ? ??????? ????-??-??T??: ??: ??TZD. ???????? ?????????? ????? ????? ??? ????????????.

??????:

????? ????????


??????? KBD

????????? KBD ???????? ?????, ???????? ????????????? ? ??????????. ???????? ?????????? ????? ????? ???????????? ???????.

??????:

??????? ????? ???


??????? Q

???? ??????? ?????????? ????? ??? ?????? ? ??????????? ??? ?????????? ???????? ???????????? ? ?????. ?????? ???????????? ??? ??????, ?? ????????? ???????? ????? ? ??????? ?????, ?????????? ???? ?????????.

??????:

??????: ??? ?????? ????


??????? SAMP

??????? SAMP ?????????? ????? ??? ?????? ? ?????? ???????????? ??? ????????? ??????????? ?????? ?????????. ??????? ???????? ???? ????? ???????????? ???????.

??????:

???????


??????? STRONG

??????? STRONG ???????????? ??? ?????????? ??????? ?? ??????. ???????? ???????? ????? ????? ?????????? ???????.

??????:

????? ?????? ????????


??????? VAR

???? ??????? ??????????? ??? ????????? ?????????? ?? ????????. ??????? ???????? ????? ????? ????????.

??????:

??????? ?????????? X

? ???????? 2.16 ??????? ??? ???????? ? ????????? ??????????????? ??????.


??????? 2.16. ?????????? ?????????????? ??????





?????????? ???????? ??? ??????????????



???


2.6. ?????????????? ??????

???


????? ?????? ???????? ??????????


??????? ??????? func(int a, char b);


???????????? ????????


???????????-????????


?????


????? ????????


??????? ????? ???


??????: ??? ?????? ????


???????


????? ?????? ????????


??????? ?????????? X








????????? ????????? ????????? ???? ?? ???????? 2.16 ??????? ?? ???.?2.16.




???.?2.16. ?????????? ?????????????? ??????



?? ???.?2.16 ?????, ??? ?? ??? ?????????? ???????? ??? ?????????????? ???????? ??? ??????, ?????? ??? ????????????? ?? ??? ?????. ????????? ???????? ????? ??-??????? ???????? ????????? ????????, ??????? ????? ??? ??? ???????? ???? ? ?????????, ????????? ??? ??? ? ????????? ??????????.




?????????? ???????? ??? ??????????????


?????????? ???????? ??? ?????????????? ???????? ????????, ??? ?????? ????????? ?????, ????????????? ?????? ????????.


??????? B

??????? B ?????? ?????????? ????????? ??????.

??????:

?????????? ?????


??????? I

??????? I ?????????? ?????????? ????? ????????.

??????:

??????


??????? TT

???? ??????? ?????? ???????????? ????????? ??????.

??????:

???????????? ?????


??????? U

??????? U ?????????? ????? ???????????? ???????.

??????:

????????????


??????? S

??????? S ??????????? ????? ?????????????? ??????.

??????:

???????????


??????? STRIKE

???? ??????? ????? ??????????? ????? ?????????????? ??????.

??????:

????? ???????????


??????? BIG

??????? BIG ?????????? ?????, ????????????? ??????, ??????? ???????? ???????, ??? ????????? ?????. ???? ???? ??????, ?? ?????? ?????? ????????????? ?? ???????.



??????????

? ????? HTML ??????? ?????? ?????????? ? ???????? ???????? ?? ?????? ?? ????. ???????? ?? ????????? ?????? ?????? ??????.


??? ???????? ????????? ?????? ?????? ????? ????????????? ?? ??????? ?????? ???.

??????:

????? ???????? ??? ??????


??????? SMALL

??????? SMALL ?????????? ?????????? ????? ??????? ?? ??????? ???????? ??????? ???????????? ??????????? ??????. ??? ???????? ????????? ????? ????? ??????????? ?? ??????? ? ?????? ?????????.

??????:

????? ????????


??????? SUB

???? ??????? ?????? ??????????? ????????? ????????, ?? ???? ????? ????????????? ???? ?????? ??????? ?????? ? ?????????? ???????? ???????. ?????? ??? ????? ??????.

??????:

??????????? ?????


??????? SUP

??????? SUP ?????? ??????????? ????????? ????????, ?? ???? ????? ????????????? ???? ??????? ????? ? ?????????? ???????? ???????. ???? ??????? ?????????? ??? ????????? ??????.

??????:

??????????? ?????


??????? SPAN

??????? SPAN ????????? ???????? ????? ?????? ? ?????????? ??? ??? ?????? ????????? ??????????? ? ??????? ?????? ??????. ?? ??????????? ??? ????????? ????????? ???????? ??????.

??????:

????? ? ?????

? ???????? 2.17 ??????????? ??? ???????? ? ????????? ??????????????? ??????.


??????? 2.17. ?????????? ??????????????





???????? ??????????? ??????????????



?????????? ?????


??????


???????????? ?????


????????????


???????????


????? ???????????


????? ???????? ??? ??????


????? ????????


??????????? ?????


??????????? ?????


????? ? ?????







????????? ????????? ????????? ???? ?? ???????? 2.17 ??????????? ?? ???.?2.17.




???.?2.17. ?????????? ??????????????



?? ???.?2.17 ?????, ??? ????? ?????????? ??????? ?????????????? ???????? ??? ??????, ?????? ??? ?????? ??? ???????? ??? ????????.

??? ????? ?? ????????, ???????? ???????? ?????????? ? ?????????? ????????? ???????????. ? ????????, ????????????? ???????????? ?????????? ???????? ??????????????, ??? ??? ??? ?????????? ???? ????????? ??????.

? ????. 2.1 ?????? ??????? ??????? ????????????? ?????????? ????????? ????? ?????????? ????????? ? ????????, ????? ???????? ???????? ?????????????????.


??????? 2.1. ???????? ?????????????? ??????




??? ????? ?? ???????, ??? ?????? ?????????? ????????? ?????????????? ????? ????? ?????????? ???????, ??????? ??????? ????? ?????? ????????? ???????? ??????????? ??????.

??? ????????????? ???? ???????? ????????? ??? ?????????????? ????????? ?????? ??????. ?????? ?? ?????????? ????????, ??????? ????? ????????? ??? ????????? ???????? ???? ??????? ????????? ??????.




???????? ??? ?????????????? ??????? ?????? ??????


????????, ??????? ?? ?????????? ? ???? ??????????, ????????? ????????????? ??????? ????? ??????. ??? ?????????? ????????? ??????????? ? ???????????? ??????, ???????????? ? ?? ????.

?????? ???????????? ? ????????, ???????? ??????????? ?? ????????? ??????.


??????? FONT

??????? FONT ?????? ????????? ?????? ??? ??????. ???? ??? ?????????????? ???????????????? ???????????? ??????? ??????, ????????? ??????? ????????? ????????? ? ????? ??????????? ?????????? ??????.

????????? ?????? ???????? ? ??????? ????????? ???????? FONT. ????? ?????????? ?????, ?????? ? ???? ??????, ?????????????? ?????? ????.

?? ????? ???????? ??????? face, ????????? ???????? ?????? ???? ???????? ??????. ?????? ???????? ?????? ???? ??????? ?????????? ????????????, ????? ????? ???????? ????? ?? ?????????. ??? ??????? ???????? ?????????????? ??? ?????????? ??????? ????? ?????? ????????? ?????????? ?????, ????? ?? ????? ??????? ? ???????? ???????? ???????? face.

?? ?????? ?????? ???????? ??????? size. ???????? ???????? ? ????????????? ?????????, ?? ???? 2 ??? 6. ?? ????????? ???????????? ?????? 3. ??? ???? ????? ?????? ?????? ?????? ???????????? ?????????? ??????. ??? ????? ????? ??????? ??????? +, ???? ??????????, ????? ?????? ?????? ?? ?????? ??????? ??? ??????, ??? ???????? ?????, ??? ?, ???? ????????? ???????? ??????????????. ????? ????? ???? ??????? ?????????? ???????, ?? ??????? ????? ?????? ???? ?????? ??? ??????.

?? ???? ?????? ???????? ??????? color, ????????? ???????? ?????? ???? ???? ???????? ?????, ???????????? ??? ?????, ???? ??? ????? ? ??????? #RRGGBB.



?????

??? ????? ????? ?????????? ? ????? ??????????? ?????????.


? ???????? 2.18 ??????? ?????? ???? ??? ??????????? ?????????? ?????? ? ??????? ???????? FONT.


??????? 2.18. ????????????? ???????? FONT





??????? FONT





????? ???????? ????? ? ???????? +2






????? ??????????? ????? ? ???????? ?4










????????? ?????? ?? ????? ???? ?? ???????? 2.18 ??????? ?? ???.?2.18.




???.?2.18. ????????????? ???????? FONT



? ??????? ????? ?????? ??????? ???????. ??????? ????? ????????????? ?????? ?? ??????? ? ??????? ????? ??? ???????, ??????? ?????? ??????. ? ???????? ?????????? ???????? ?????? ?? ?????, ? ????????? ??????? Sans Serif. ???? ??????? ?? ?????? ?? ???? ?? ????????????? ???????, ?? ??????? ????????? ??? ????? ?? ????? ?????????.

??? ?????? ????????? ??????, ?? ???????????. ?????? ???? ????? ?? ??????. ??? ??? ??????????, ??????? ???????? ?????????????? ? ??????? ?????? ??????.


??????? DIV

??????? DIV ?????? ??? ????????? ??????? ?????? ?????? ??? ?????????????? ? ??????? ?????? ??????. ????? ???????, ?? ????????? ??????????? ???? ?????? ????? ?????? ???????? DIV ? ???? ??????? ??? ????????? ? ???????? style, ???? ??????????? ????? ?? ??????? ?????? ? ??????? ???????? class.

????????????, ??? ?? ?????? ??????? ? ??????? HTML,?? ????????? ????? ? ????? ? ??????? ???????? align ? ??????? ??????????? ????????? ??? ????? ? ??????? ???????? title.

? ???????? 2.19 ??????????? ?????? ???? ??? ????????? ?????? ? ??????? ???????? DIV.


??????? 2.19. ????????????? ???????? DIV





??????? DIV





????? ?????? ????? ???????? ???????? ?? ??????, ? ? ??????? ?????? ???????? ??? ????????? ???? ??? ????????? ?? ???? ????.









????????? ????????? ???? ?? ???????? 2.19 ??????? ?? ???.?2.19.




???.?2.19. ????????????? ???????? DIV



?????? ?????????? ????????, ????? ? ??? ??? ???? ????????????????? ?????? ??????? ????? ? ?? ?? ?????? ?????? ??????.


??????? PRE

???? ??????? ?????? ??? ????? ?????? ??? ??????????????, ?? ???? ? ??????????? ???? ???????? ? ????????? ?????.



??????????

?????? ? HTML ????????? ???????? ?????? ?????????????? ??? ???? ??????.


??? ????????????? ????? ???????? ????? ????????? ???????????? ???????. ??????? PRE ????? ?????????? ??? ?????? ????? ????????. ?????? ????? ???????? ????? ????????? ??????????? ????????? ?????????????? ??????.

? ???????? 2.20 ???????? ?????? ????????????? ???????? PRE.


??????? 2.20. ????????????? ???????? PRE





??????? PRE





?????

?????

???????????

???

?????????









?? ???.?2.20 ????????, ??? ?????, ????????????? ????? ?????? ???????? PRE, ???????? ? ????????.




???.?2.20. ????????????? ???????? PRE



????? ?????????? ???????, ??????????????? ??? ?????????????? ??????? ??????? ?????? ? ?????????? ?? ??????.


??????? BLOCKQUOTE

??????? BLOCKQUOTE ?????????? ?????????? ????? ??? ?????? ? ??????????? ??? ???????? ??????? ????????????. ?? ?????? ??? ?????? ??????? ??????, ????? ? ?????. ?????? ????? ???????? ????? ?????????????? ???????? ?????????????? ??????.

? ???????? 2.21 ??????????? ?????? ????????? ?????? ? ??????? ???????? BLOCKQUOTE.


??????? 2.21. ???? ??????? ?????







??????? BLOCKQUOTE





????? ????? ??????????? ?????? ? ??????? ??????.









?? ???.?2.21 ????????, ??? ? ???????? ???????? ????? ?? ???????? BLOCKQUOTE.




???.?2.21. ????????????? ???????? BLOCKQUOTE



?? ???????????, ??? ????????? ?????? ??????? ?????????????? ?????? ????????, ?? HTML ????????? ?????????? ????????, ??? ???? ????????? ?? ????????.




???????? ?????????


???? HTML ????????? ?????????? ???????? ?????????????? ???? ? ?????. ??? ???? ?? ???????? ???????????. ???? ??????? ? ??????? B ??????? I, ?? ????????? ?????, ?????????? ?????????? ????????. ??? ???? ????? ??????? ?? ?????????? ????????? ?????????: ???, ??? ?????? ??????, ??????????? ?????.

? ???????? 2.22 ???????? ??????? ??????????? ? ????????????? ???????? ?????????.


??????? 2.22. ???????? ?????????







???????? ?????????



??? ???????????? ???????? ?????????


??? ?????????? ???????? ?????????







???????????? ?????? ????????? ???????? ????? ?????????? ???????????.




??????


? ?????? ????? ???? ??????????? ???????? ???????? ?????????????? ?????? ? ?????????????? ???????????? HTML. ???????? ???????? ???? ?????????? ?? ???????????? ???????????? ?????????????? ????????? ? ?????????????? ?????? ??????, ???? ??????? ??????????? ??????????? ? ??????????? ?????????????? ??????, ?????? ? ???????? ??????? ?????? ? ????????? ?????????.

?????? ??????? ??? ?????? ?? ????? ????? ????????? ?????????? ???. ???????, ??? ?? ???? ?????? ?? ????? ???? ??????? ???????? ? ???????? BODY. ????? ?????? ?????? ???? ??????? ? ???????, ??????? ?????????? ??? ?????????? ? ??????? ???.




????? 3

???????? ??????



3.1. ??? ????? ???????

3.2. ???????? ???? ???????

3.3. ?????? ???????

3.4. ??????? ???????

3.5. ?????? ? ?????? ??????? ? ?????

3.6. ??????????? ????? ? ????????

3.7. ???????????? ??????? ? ??????????? ?????

3.8. ??????????? ????? ???????

3.9. ????????? ???????? ????? ??? ??????? ??????

3.10. ???????? ????????? ??????



? ??????????? ?????????? ? ? ????????? ?????????? ??????? ??????????, ????? ??????????? ?????????? ? ??????? ? ???????? ????. ? ???, ??? ???????????? ??????? ? ????? ??????, ?? ??????? ? ???? ?????.

? ????? HTML ??????? ???????????? ? ???? ???????: ??? ????????????? ???????? ??????, ???????? ?? ??????? ? ????????, ??? ??? ???????? ?????????????? ???-???????, ??????? ????????? ???????????? ????????? ????????. ?????? ??????? ????? ????????? ????? HTML-????????, ???????? ?????????, ??????, ??????, ??????, ???????, ? ????? ???????? ????. ?????????? ???? ???? ?????????? ? ??????? ??????? ??????? (???.?3.1).




???.?3.1. ?????? ????????????? HTML-??????? ??? ???????? ?????





??????????

??? ? ? ??????? ?????, ?????????, ??? ?????????? ??????? ???????? ??????????? ????? XHTML ?????? ??????????? ?????????? CSS. ??? ???????? ? ???????? ?????????????? ???????? ? ???????????? ????? HTML 4. 01 ??????????????.





3.1. ??? ????? ???????


??????? ??????? ?? ?????, ???????????? ??? ??????????? ????? ? ???????? (???.?3.2).




???.?3.2. ?????? ??????????? ???????



?????????? ???????? ???????.

? ?????? ? ??? ???????? ??????? ???????. ??? ??????????? ???????????? ?????? ? ???????.

? ?????? ? ??? ?????? ????? ?????, ????????????? ????? ???????.

? ??????? ? ??? ????? ?????, ????????????? ???? ??? ?????? ?????? ????.

? ??????? ? ??? ?????, ??????? ???????? ?????? ?????? ? ??????? ? ?????.

? ??????????? ??????? ?????? ?????? ? ?????? ??????? ???????? ?????????? ?????????? ?????. ?????? ??????? ????? ????? ?????? ?????????? ?? ???????????? ???????????. ? ???????, ???????????? ?? ???.?3.3, ???? ?????? ?????????? ? ???? ?????? ??????, ? ?????? ? ??? ???????.




???.?3.3. ?????? ????????????? ???????



??????, ??? ???????? ??????? ????? ?????? ? ?? ????????????, ????? ????? ????? ????????, ??? ??? ?? ???????? ?????? ?????? ???? ??????? ? ????? ?????? ??????????? ?????????. ??? ????? ??? ??????? ??????? ??????????? ?????? ???????? ???????.

?????????? ????????? ??????? ???????????? ??????.

? ????????? ??????? ?? ??????.

? ????????? ??????? ? Paint, Adobe Photoshop ??? ? AutoCAD.

? ??????????? HTML-??????????? ????????? ?????????, ???????? Microsoft Word. ???????? ??????? ? ????????? ? ????????? HTML-????????. ????? ???????? ???????? ? ???? ???????? ? ?????????? ???????? ????? ? ??? HTML-???????? ??? ?????????? ????????????? ? ??????????????.




3.2. ???????? ???? ???????


? ?????????? HTML-?????? ??? ?????? ????????. ???????? ?????? ?????? ????????????? ?????? ???????? BODY. ???????? ????? ????????? ???????????? ?????????? ??????, ??????????? ???????? ?????? ???? ? ?????. ?????? ??????? ?????? ?????????? ????? ???????????? ?????
:









??? ?????? ???????? ??????? ?????? ???? ?????????? ? ??????? TABLE. ???????????? ??????? ???????????? ?????? . . ???????????? ???????????? ???????? ? ??????? ???????? align, ??????? ????? ????????? ???????? top (??? ????????) ? bottom (??? ????????). ?? ????????? ???????????? ????????????? ??? ????????.




3.3. ?????? ???????


?????? ????????? ? ???????? ????? ???????. ??? ?????? ????? ??????? ??????????? ?????????? ?????, ????? ???????? ?????? ????????? ?? ??????. ?????????? ??? ????? ? ?????????? ?????????? ?????????????? ????? ? ????? ???????. ??????????? ??????, ????? ?????? ??????? ?????? ? ??????? ???? ??? ????????????? ???????????? ???? . ?????????? ??? ????? ? , ????????????? ????? ?????? ??????????????? ??????, ?????????? ?????????? ????? (????????) ? ???????? ??????. ??????????? ?????? ????????????? ???????? TD ??? ???????????? ????.













????? ????????? ?????? ???????? ?????????? ? ??????? (????? ????????????? ?? ?????? ? ?????????? ?????????? ???????), ????? ??????????????? ????? ????? ? . ??????????? ?????? ????????????? ???????? TH ??? ???????????? ????. ???????? TH, TR ? TD ??? ??????????? ????? ????????? ???????????????? ?????? ? ????????? ?????? ???????? Internet Explorer.

?????? ?? ?????? ??????? ??????? HTML-???????. ?????????? ?????? ???????, ??????? ??????? ?? ???? ????? ? ???? ????????, ?????? ?????? ?????? ?????? ????? ??????????? ??????????????? ???????? (??????? 3.1). ?? ???.?3.4 ????????, ??? ?????? ??????? ???????? ? ???? ????????.


??????? 3.1. ??? ??????? HTML-???????, ??????? ??????? ?? ???? ???????? ? ???? ?????





??????? HTML-???????















??? ????????? ???????
????????? 1????????? 2????????? 3
?????? 2x1 ?????? 2x2 ?????? 2x3
?????? 3x1 ?????? 3x2 ?????? 3x3











???.?3.4. ?????? ??????? HTML-???????





?????

??? ???????? ?????????? ????? ??????? ??????? ? ????????? ? ??????? ?????? ??? ????? HTML-?????????, ??????? ????????? ??????? ????? ???, ????? ??? ????? ????????. ? ??????, ??? ????????????? ????????????? ???????? ???????? ??????? ???????? ??? ?? ???????? ?? ?????? ???? HTML-?????????.





3.4. ??????? ???????


? ????????????? ???? ??????? ? ??????? ? ?? ??????? ????????????? ???????. ??????? ??????? ????????? ? ??????? ???????? border ???????? TABLE. ?????? ??????? ??????? ??????????? ? ????????. ???? ??????? border ?? ??????, ?? ??????? ????????? ??? ??????? ?????. ????????? ???????? bordercolor ????? ?????? ???? ??????? ???????, ?????? ??? ?????. ??????? ? ??? ????????? ??????? ?????? ??????? ??????? ?????? ???????.

??? ????? ??????? ??????



??



??????? ??????? (? ?????? ???????? ?????) ? ???? ??????? ???????? ???????????? ??-???????. ?? ???.?3.5 ????????, ??? ????????? ??????? ???????????? ? ???? ???????????? ???????? Internet Explorer, ? ?? ???.?3.6 ??? ?? ??????? ?????????? ? ???????? Opera. ??????? ???-???????????? ????????? ????????????? ????????? ???????? ??? ??????? ?????? ?????????, ????? ??? ????? ????????? ?????????. ? ??????? ???????? ???? ???????, ??? ??? ??????? ????, ????? ??? ????????? ????????? ? ????? ????????,?? ?????? ?????????.




???.?3.5. ??????????? ??????? ? ???? Internet Explorer






???.?3.6. ??????????? ??????? ? ???? Opera



?? ???.?3.5 ?????, ??? ????? ????????? ????? ? ??????? ???????? ??????? ?????????? ????????? ????????????. ??? ???????????? ????? ???????????? ?????????? cellspacing ? cellpadding ???????? TABLE. ??????? cellspacing ?????????? ?????????? ????? ???????? ??????? ? ????????, ? ??????? cellpadding ? ????? ?????????? ?????? ? ?? ????????.

? ???????? 3.2 ???????? ?????? ???????, ? ??????? ?????????? ????? ?????????? ????? ? ???????? ????? 10 ????????, ? ?????????? ????? ???????? ????? ???? (???.?3.7).


??????? 3.2. ??? HTML-??????? ? ?????????????? ???????????? ????? ???????? ? ????????





??????? HTML-???????















??? ????????? ???????
????????? 1????????? 2????????? 3
?????? 2x1 ?????? 2x2 ?????? 2x3
?????? 3x1 ?????? 3x2 ?????? 3x3









???.?3.7. ??????? ? ?????????????? ???????????? ????? ???????? ? ????????



??????? ????????? ?????? ?????? ? ???????? ???????, ?? ?????? ?????????? ? ?????????? ?? ????????????. ? ??????? ???????? frame ????? ????????? ???????????? ??????? ???????, ? ? ??????? ???????? rules ? ??????????? ????????? ???????. ??????? frame ????? ????????? ????????? ????????:

? above ? ???????????? ?????? ??????? ????? ???????;

? below ? ????? ?????? ?????? ????? ???????;

? box ? ???????????? ??????? ??????? ???????;

? border ? ????? ??????? ??????? ??????? (?????????? box);

? hsides ? ???????????? ?????? ?????????????? ????? ???????;

? lhs ? ????? ?????? ????? ????? ???????;

? rhs ? ???????????? ?????? ?????? ????? ???????;

? void ? ??????? ??????? ??????? ?? ????????????;

? vsides ? ????? ?????? ???????????? ????? ???????.

Frame ? rules ? ??? ????? ???????? ? HTML, ??? ?????????????? ?????? ?????????? ???????? ?????????.

??????? rules ????? ????????? ????????? ????????:

? all ? ??????? ???????????? ?????? ?????? ??????;

? cols ? ????? ?????? ???????????? ??????? ????? ?????????;

? groups ? ???????????? ?????? ???????????? ??????? ????? ???????? ???????? ??? ?????????????? ??????? ????? ???????? ?????;

? none ? ??????? ????? ???????? ?? ????????????;

? rows ? ????? ?????? ?????????????? ??????? ????? ???????? ?????.

? ???????? 3.3 ???????? ?????? ????????????? ????????? frame ? rules.


??????? 3.3. ??? HTML-??????? ? ????????? ???????????? ????? ??????? ? ?????????? ??????





??????? HTML-???????























????????? ????? ?????? ?? ???????
???????????
??. ??????
??. ???????
??. ???????
??. ??????
??. ????????
??. ? ???????








?? ???.?3.8 ????????, ??? ????????????? ??????? ????? ???????????? ? ???? ????????. ? ??????? ???? ?????????????? ????? ??????? ? ???????????? ????? ?????????? ???????, ??? ??? ?????? ????? ???????? ?? ?????? ??????????????? ????????? rules ? frame.




???.?3.8.HTML-??????? ? ????????? ???????????? ????? ??????? ? ?????????? ??????




3.5. ?????? ? ?????? ??????? ? ?????


?????? ??????? ???????? ????????? width ???????? TABLE. ???????? ????? ???????? ??? ? ?????????? ???????? (width="2 5 0"), ??? ? ? ????????????? (width="80?%"). ????????, ????? ???????? ?????? ? 600 ????????, ????? ???? ?????????, ??? ??????? ?????????? ? ???? ???????? ??? ????? ?????????? ????????. ???? ?? ?????? ???????? ? ?????????, ?? ??? ????????????? ?? ?????? ???? ???????? ??? ?? ?????? ?????? ?????? ???????, ? ??????? ????????? ??????. ?? ?? ????? ????? ?????? ? ? ??????? ??????? ? ??????? ???????? height.

??? ????????????? ????????? ? ? ??????? ???????. ?????? ?????????? ???????????? ???????? ? ???????????????? ??????????. ??? ???? ????? ?? ??????????? ???????? ??????? ?????? ????????? ??????. ??? ????????? ?????? ??? ?????? ?????? ??? ???????? ?????? ? ???????? ??????? ????? ???????????? ? ?????? ?????? ????????.

??? ??????? ????????? ????? ??????? ?????? ? ?????? ??????? ??????? ?????????? ??????????? ????????, ??????? ????????? ????????? ?????????? ??????.

?? ???.?3.9 ? 3.10 ?????????? ??? ??????? ??????????? ??????????, ?? ?????? ?????? ? ??????.




???.?3.9. ?????? ??????? ????? 80?% ?? ?????? ???? ????????






???.?3.10. ?????? ? ?????? ??????? ????? 300 ????????



?????? ?????? ??????? ????? 80?% ?? ??????? ???? ????????, ? ?????? ??????? ???? ??????? ???????? 50?% ?? ???? ?????? ???????. ?????? ?????? ?????? ????? 100 ????????.

?????? ??????? ??????????, ?????? ??????? ????? 300 ????????. ? ????????? 3.4 ? 3.5 ????????? ???? ???????, ?????????? ????????? ???????.


??????? 3.4. ??? ??????? ??????? 80?% ?? ?????? ???? ????????





??????? HTML-???????

















?????? ??????? 80%
????????? 1 ????????? 2????????? 3
?????? 2x1 ?????? 2x2 ?????? 2x3
?????? 3x1 ?????? 3x2 ?????? 3x3









??????? 3.5. ??? ??????? ??????? 300 ????????





??????? HTML-???????















?????? ??????? 300 ????????
????????? 1????????? 2????????? 3
?????? 2x1 ?????? 2x2 ?????? 2x3
?????? 3x1 ?????? 3x2 ?????? 3x3









3.6. ??????????? ????? ? ????????


? ????????? HTML 4 ????????? ????? ???????? ??? ??????????? (?? ???????????, ? ?????? ???????????) ????? ? ???????? ??????? ? ?????? ? ?????? ??????????.

??? ??????????? ???????? ??????? ?????? ???????? COLGROUP ? COL. ??????? COLGROUP ??????? ??????????? ?????? ????????, ??????? ???????? ????????? ????????? ?????????? ?????. ???, ???? ??????????? ?????? ????? ?????????? ?????? ?????????? ????????, ? ?????? ? ??????, ?????????? ??????. ??????? COL ???????????? ??? ???????????? ????????????? ????? ????????, ??????? ????? ??????? ?? ???????, ?? ??????? ????????? ? ?????????. ??? ?????? ? ??? ??????, ????? ?? ??? ??????? ???????? ?????????? ?????? ????.

???????? ????????? ????????? COLGROUP ? COL ???????? ??????? span ?? ????????? n. ??????? ?????????????? ????????, ???????? ????? ?????????? ?? n ???????? ? ??????.











???? ????? ????? ??????? ?????? ? ???? ????? ????? ??????? ?????? ? ???? ????? ????? ?????? ??????




??? ??????????? ????? ??????? ?????? ???????? THEAD, TBODY ? TFOOT. ?? ????????????? ??????????? ????????? ?????????? ? ?????????????? ??????.

??? ???????? ?????? ?????????? ??? ???????? ??????? ?????????? ??????? THEAD. ??? ??????????? ???????????? ? ???????? ??????? ?????? ???? ???. ??? ???????? ????? ??? ?????????? ????? ????? ???????, ?????????? ???????? ??????, ??????????? ??????? TBODY. ??????? TFOOT ????????? ??????? ?????? ????? ??? ????????????? ?????????? ? ?????? ??? ?????? ? ?????? ????? ???????. ???? ??????? ??????????? ???????????? ? ???????? ??????? ?????? ???? ???. ????? ?? ??????????? ????????? ?????? ????? ??????? ???? ???? ?????.

















???????????, ????? ??????? ???????, ? ??????? ?????????? ????? ?? ????????????, ? ???????????? ?????? ?????, ?????????? ????????? ???????? ?? ????????? ?????? (???? ???????). ????? ??????? ????? ???????, ?????????? ????????? ?????????.

1.?????????????? ?????? ?????? ???????.

2.???????? ????????? ??????? ????? ???????? ?????.




3.7. ???????????? ??????? ? ??????????? ?????


??? ???????????? ????????? ?????? ?? ??????????? ? ????????? ? ????????? TABLE, TR, TH ? TD ?????????? ???????? align ? valign.

??????? align ??????????? ?? ???? ????????? ??????? ? ?????????? ????? ?????????????? ????????????:

? ?? ??????? ?? ???????? ?? ?????? ????/??????? ????/?? ??????;

? ?? ????????? ?????? ?? ?????? ????/??????? ????/?? ??????;

?
?? ????????? ??????? ?? ?????? ????/??????? ????/?? ?????? (?? ????????? ?? ??????);

?
?? ?????? ? ?????? ?? ?????? ????/ ??????? ????/?? ??????/?? ????????? ??????? (?? ????????? ?? ?????? ????).

??????? valign ????? ??????????? ?? ???? ????????? ??????? ? ?????????? ????? ???????????? ????????????:

? ?? ????????? ??????? ?????/?? ??????/?????? (?? ????????? ?? ??????);

? ?? ????????? ?????? ?????/?? ??????/ ??????;

? (?? ??????????? ??????? ?????? ?????), ????? ??????? ???????, ???????????? ?? ???.?3.13.




???.?3.13. ?????? ????????????? ???????? bgcolor



? ??????? ???????? background ????? ?????? ??????????? ??? ?????? ??? ??????? ???????, ?????? ???? ? ???????????. ????????,
?? ????????? ??????? ?????/?? ??????/ ??????;

?
?? ?????? ? ?????? ?????/?? ??????/ ??????.

? ???????? 3.6 ???????? ?????? ????????????? ? ????????? ??????????? ????????? ???? ????????? ?????????????? ??????? ? ??????????? ????? (???.?3.11).


??????? 3.6. ?????? ????????????? ???????????? ??????? ? ??????????? ?????





??????? HTML-???????























???????????? ??????
????? ?????????????????
????028190 ?? 12,2 ???
?????058120 ?? 4,6 ???
??????986100 ?? 2,3 ???









???.?3.11. ?????? ????????????? ???????????? ??????? ? ??????????? ?????




3.8. ??????????? ????? ???????


?? ???????? ??????????? ??????? ?????????? ??????, ? ??????? ???? ?????? ?????????? ? ???? ????????? ????? ?? ?????? ? ?????? (??. ???.?3.2). ? HTML ?????? ?????????? ? ??????? ????????? colspan ? rowspan. ??????? colspan ?????????? ?????????? ?????, ?? ??????? ???????????? ?????? ?????? ?? ???????????, ? rowspan ? ?? ?????????.

?? ???.?3.12 ?????????? ??????? ? ????????????? ????????. ????????? ??????? ????????? ? ??????, ???????????? ??? ??? ?????? ??????. ??????? ???????? ??? ??? ??????, ?????? ?? ??????? ?????????? ??? ?????? ?? ?????????. ??? ????? ??????? ???????? ? ???????? 3.7.




???.?3.12. ??????? ? ????????????? ????????




??????? 3.7. ?????? ????????????? ????????? ??????????? ?????





HTML-???????





















?????? ?????????? ? ???? ??? ?????? ??????
?????? ?? ??? ?????? ?????? 2?2?????? 2?3
?????? 3?2?????? 3?3
?????? ?? ??? ?????? ?????? 4?2?????? 4?3
?????? 5?2?????? 5?3









3.9. ????????? ???????? ????? ??? ??????? ??????


? HTML ???????? ????????? ???????? ????????? ???????? ????? ??? ???????. ????????? ???????? bgcolor ????? ???????? ???? ??????????? ??????, ??????, ?????? ????????, ?????? ?????, ??????? ???????.

????????? ???????????
, ???????????? ? ???????????? .

???? ??????? ??????????? ????????? ???????? ?????? ??? ???????, ??? ??????? ??? ?????????????, ??????? ???????? ??? ????? ???????, ????? ??? ?????????? ? ???????? ???????????????? ???????.




3.10. ???????? ????????? ??????


?????????? ????? ???????, ????? ?????????? ??????? ??????, ??????? ??????? ?? ?????? ????????? (???.?3.14). ????? ??????? colspan ????????.




???.?3.14. ??????? HTML-???????



???????, ??????????? ????????? ? ???????????? ??????, ????????? ???????? ?????? ???????? TABLE ?????? ???????, ??????? ? ?????? ????? ??????? ????? ??????? ? ??????????? ??????????.

? ???????? 3.8 ???????? ??? ???????, ???????????? ?? ???.?3.13. ????? ??????????? ????? ???????? ????? ??????? ? ??????. ??????? ??????? ??????? ?? ???? ?????. ?????? ?????? ???????? ?????? ??????, ?????? ? ??????? ?? ????? ??????????? ??????????. ?????????? ???????, ? ???? ???????, ???????? ??? ??????, ?????? ?? ??????? ???????? ?? ??? ??????.


??????? 3.8. ?????? ???????, ??????? ???????? ??? ???? ???????





HTML-???????















???????? ????????? ??????
1x11x21x31x4








1x11x21x3
2x12x22x3











??????


? ?????????? ??????? ????????, ??? ??????? ???????? ????????? ?????? ????? ???-????????. ??? ???????? ??? ?????????? ???-???? ????? Microsoft (www.microsoft.com (http://www.microsoft.com/)) ???????????? ???????.

?????? ????????? ? ????????? ????????? ?????? ??????? ????????? ????? ????????? ? ???????? ? ??????? ?????????. ????????????? ?????? ???????? ???????? ??????????? ???????, ?? ??????? ??????? ??????? ??????? ?? ????????? ?????????. ????? ?? ???????? ??????????? ????? ???????, ??? ????????? ????? ??????? ??????????? ? ??????? ??????? ????? ???????, ????? ??? ?????????? ????? ???????.

????????????? ?????? ????? ???????? ??? ????????? ??? HTML-???????? ?? ?????????????? ?????: ????????? ????????, ????? ??? ???????, ?????? ???????????? ? ?.??. ???????? ?????????? ???????? ???? ??????????? ?????? ??????? ???? ?????????????? ?????? ?????, ??????? ? ??????????? ????? ???????????? ??? ???????? ?????? ???????.




????? 4

?????????? ??????????? ? ???????????



4.1. ??????????? ???????????

4.2. ?????????? ???????????



??? ???????? ????? ?????????? ???????? ??? ????????????? ???????? ???????? ????? Flash-????????, ????? ??? ????????. ??? ?? ????? ???????? ??? ?????, ??????? ??? ????, ?????????? ? ??????? ??? ???????????. ?????? ??????????? ????????????? ??????????? ?? ???????? ???????? ???????? ????? ?????? ? ?????????? ?????. ??????? ? ?????? ?????, ?????? ??????????? ???????? ??????????? ???????????, ????? ???????? ???????????? ??????? ? ???????, ????????? ? ????????? ??? ??????????.




4.1. ??????????? ???????????



?????? ? ?????????? ???????????, ?????? ??? ??? ????? ??????? ??? ?????????? ? ????? ???????????????? ?????????????? ???????, ????????????? ? ?????????. ? ??????????? ????? ??????: ???????????, ????????? ??????? ?????? (???????????? ?????? ????? ???????????-???????????), ??????? ??????? ??????????. ?????? ?????? ??????????? ???? ??? ????????. ????????? ????????? ???????????? ?? ????? ???????. ??????????? ???????? ?????????? ????????? ????????? ??????? ?????????? ??????? ?? ????????. ?????? ????? ????? ????, ???? ?? ?????? ????????? ??????, ?? ? ?? ?? ????? ?? ????? ? ?????????????? ?????????. ????????? ? ???????? ????????????? ??????????? ??????? ??????? ???? ????????, ?????????? ? ???????. ?????? ????????, ????? ??? ???????? ?????????? ???????? ?????????? ????????, ???????? ??? ???????? ???????, ???????????, ????????. ? ????? ??????? ?????? ????????????? ?????? ?? ????? ? ??????? ????????? ??????? ?????????? ????? ???????? ? ??????. ??????????, ??? ??? ???????? ????? ??? ??????????? ??? ?? ????????, ???? ?????? ???????? ????? ???????, ??????? ? ????????????????.

??? ??????????? ??????????? ? HTML-???????? ??????????? ??????? IMG. ?? ????? ???????????? ??????? src, ????????? ???????? ?????? ???? ????? ????????????? ???????????.

?????????? ??????? ?????? ??? ????????? ????????: . ??? ????? ?????? ?????? ???????? ?? ?????? ????? ??????????????? ?? ????????? ???????.



??????????

????? ??????????? ????? ???? ?????? ???? ????????? (????????, ????? ???????? ????????? ?? ?????? ??????? (http://www.mypage.ru/IMG/myfoto.jpg (http://www.mypage.ru/IMG/myfoto.jpg))), ???? ???????????? ?????????????? ?????? ????????? (????????, ???? ???????? ????????? ?? ????????? ????? (IMG/myfoto.jpg)). ?? ?????? ?????? ??? ???????? ??????????, ??????????? ???? ? ???????? ?????????, ???????????? ???????../ (??????? ?? ????? DOC, ??????????? ? ????? ???????? ? ?????? IMG, ????? ????????? ???:. /IMG/myfoto.jpg).


? ???????? 4.1 ????????????????? ?????????? ??????? ??????????? ????????.


??????? 4.1. ??????? ??????????? ??????????? ? ????????





??????????? ???????????













?? ???.?4.1 ??????? ????????? ????????? ????????? ???? ?? ???????? 4.1 ? ??????? ??????????? ????????, ??? ??????????????.




???.?4.1. ??????? ???????????



??????? ?? ???????? ???????????? ? ???????? ???????. ??? ?????????? ??????? ??????? ????????, ??? ????? ????????????, ????? ??? ????????????? ?? ? ????? ????????????? ???????, ????????, ???? ??????? ????? ???????????? ????????? ?? ????????.

???? ??????? ?? ???????? ??????????? ???????, ?????? ?? ????????, ?????? ???????, ???????????? ?????? ???????, ? ??????? ??????? ???????? ?????????? ?????????, ?? ?????? ????????? ? ??????? ??????????? ????? ????? ?????????????????.




?????? ???????????


???? ?????????? ??????????? ???????? ?????? ???????????, ?? ????? ???????????? ??????????? ?????????, ?????? ? ????????? ???????? ????????? ???????????? ? ???????? ???????? IMG.

????? ????????????? ?????? ????????, ?????????? ???????? width ? height. ?? ???????? ????? ????????? ? ???????? ??? ????????? ?? ??????? ???? (? ???? ?????? ????? ??????? ???????? ???? %).



??????????

??? ????????? ???????? ???? ????????, ?????? ??????? ?????? ? ?????????, ???? ?????? ??????.


????? ??????? ?????? ???? ?? ?????????, ? ????? ?????? ????? ??????????? ????????????? ??? ?????????? ????????? ???????.

????? ?????? ???????? ? ??????? ????????? ???????? IMG, ??????????? ??????? ?? ????????????, ???? ??????????? ????, ??? ??????? ?????????. ??? ??????? ?? ???????????? ???????? ??? ????? ??????, ???????, ???? ?????? ????????? ???????????, ?? ???????????? ????????? ??????? ????? ???????????? ?? ???-?? ?????????? (???????? ???? ?????? ?????? ??????, ??? ? ??????????). ????????? ????????? ???? ?? ???????? ? ????????? ???????? ???????????, ??? ????? ?? ???.?4.2.




???.?4.2. ??????? ???????????



? ???????? 4.2 ??????? ?????? ??????????? ??????????? ? ????????? ?????????.


??????? 4.2. ??????? ???????? ???????????





??????????? ???????????





?????? ?????? ?????? ? ????????




?????? ?????? ? ?????????




?????? ? ?????? ?????? ????????????????? (??????????? ??????????)






IMG_0628.jpg



? ???????? 4.2 ??? ??????? ??????????? ?????? ?????? ??????, ?????? ??????????? ?????????????. ??? ??????? ??????????? ?????? ????????? ? ?????????, ? ??? ???????? ??????????? ???????? ???????, ??????? ???????? ????????.

????????? ?????? ???????? 4.2 ??????? ?? ???.?4.2.

?? ???.?4.2 ?????, ??? ??????? ???-???? ????? ????????, ???????? ??? ????????, ??????? ??????? ?? ?? ?????????? ????? ????? ???????????. ???? ??? ????????????? ? ????????? ????????, ?? ????????? ??????? ????????, ??????????????? ??????????. ??? ???????? ???????? ????????? ? ??????? ????????? ???????? ?????????.



?????

???? ??? ????? ??????????? ???????? ?????? ????????, ?? ??????????? ??????????? ????????? ??? ?????? ? ?????????????. ??? ?????? ????????? ??? ????????, ?????????? ??????? ???????? ??? ????? ??? ?????????.


?????? ???????? ????????, ?? ??????? ??? ????? ?????? ???????????? ???????????.




???????????? ???????????


???????????? ???????? ?????? ?? ????? ??? ????????, ?? ?????????? ?????? ?????? ???. ???????? ?????? ??????, ???????????? ????? ????????, ?????? ??????? ?? ?? ????????? ????????????.

???? ????????? ????????? ???????????? ???????? ???????????? ??????, ? ?? ??? ???????? ??????? align ???????? IMG. ?? ????????? ??????????? ??????????? ? ??????, ? ????? ??????? ???? ??? ???????????? ????????? ??????.

? ???????? align ????? ????????, ??????? ????????? ?????????? ???????? ?????? ???, ??? ????, ? ?????? ???, ??? ????.

?????????????? ????????????:

? left ? ?? ?????? ????;

? right ? ?? ??????? ????.

???????????? ????????????:

? top ? ???????????? ??????? ??????? ???????? ?? ?????? ???????? ???????? ??????;

? texttop ? ???????????? ??????? ??????? ???????? ?? ?????? ???????? ???????? ??????;

? middle ? ???????? ??????????? ????????????? ?? ??????? ????? ??????;

? absmiddle ? ???????? ??????????? ????????????? ?? ???????? ??????;

? baseline ? ???????????? ?????? ??????? ??????????? ?? ??????? ????? ??????;

? bottom ? ?????????? baseline;

? absbottom ? ?????? ??????? ??????????? ????????????? ?? ?????? ??????? ??????? ??????.



??????????

??????? ????? ?????? ? ??? ?????, ?? ??????? ??????????? ??? ????????. ??? ???? ????????? ????? ????????? ?? ??? ?????, ???????? ????? ??. ?? ??????? ????????????? ???? ??????? ????? ? ????? ????? ?????? ????????? ??????. ????????? ?????, ????????, ????????? ?????? ???? ?????.


? ???????? 4.3 ????????? ??????? ???????????? ???????? ???????????? ?????? ?? ?????????.


??????? 4.3. ???????????? ???????? ?? ?????????





??????????? ???????????





???????????? ?? ?????? ???????? ???????? ? ??????


?????? ??????? ??????????? ????????????? ?? ?????? ??????? ??????? ??????


?????? ??????? ??????????? ????????????? ?? ??????? ????? ??????





????? ???????????????? ?????????.


????? ???????????? ??? ???????.

?????????? ??? ????? ???????, ????? ?????? ????????? ?????? (https://www.litres.ru/igor-kvint/html-xhtml-i-css-na-100/) ?? ??????.

????????? ???????? ????? ????? ?????????? ?????? Visa, MasterCard, Maestro, ?? ????? ?????????? ????????, ? ?????????? ?????????, ? ?????? ??? ??? ???????, ????? PayPal, WebMoney, ??????.??????, QIWI ???????, ????????? ??????? ??? ?????? ??????? ??? ????????.



Если текст книги отсутствует, перейдите по ссылке

Возможные причины отсутствия книги:
1. Книга снята с продаж по просьбе правообладателя
2. Книга ещё не поступила в продажу и пока недоступна для чтения

Навигация